diff --git a/assets/css/style.css b/assets/css/style.css
index 1bd3d35..05ee630 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,4616 +1,4653 @@
 /* assets */
 
 /* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
 */
 
 *,
 ::before,
 ::after {
   box-sizing: border-box;
   /* 1 */
   border-width: 0;
   /* 2 */
   border-style: solid;
   /* 2 */
   border-color: #e5e7eb;
   /* 2 */
 }
 
 ::before,
 ::after {
   --tw-content: '';
 }
 
 /*
 1. Use a consistent sensible line-height in all browsers.
 2. Prevent adjustments of font size after orientation changes in iOS.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
 6. Use the user's configured `sans` font-variation-settings by default.
 */
 
 html {
   line-height: 1.5;
   /* 1 */
   -webkit-text-size-adjust: 100%;
   /* 2 */
   -moz-tab-size: 4;
   /* 3 */
   -o-tab-size: 4;
      tab-size: 4;
   /* 3 */
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
   font-variation-settings: normal;
   /* 6 */
 }
 
 /*
 1. Remove the margin in all browsers.
 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
 */
 
 body {
   margin: 0;
   /* 1 */
   line-height: inherit;
   /* 2 */
 }
 
 /*
 1. Add the correct height in Firefox.
 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
 3. Ensure horizontal rules are visible by default.
 */
 
 hr {
   height: 0;
   /* 1 */
   color: inherit;
   /* 2 */
   border-top-width: 1px;
   /* 3 */
 }
 
 /*
 Add the correct text decoration in Chrome, Edge, and Safari.
 */
 
 abbr:where([title]) {
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
 }
 
 /*
 Remove the default font size and weight for headings.
 */
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-size: inherit;
   font-weight: inherit;
 }
 
 /*
 Reset links to optimize for opt-in styling instead of opt-out.
 */
 
 a {
   color: inherit;
   text-decoration: inherit;
 }
 
 /*
 Add the correct font weight in Edge and Safari.
 */
 
 b,
 strong {
   font-weight: bolder;
 }
 
 /*
 1. Use the user's configured `mono` font family by default.
 2. Correct the odd `em` font sizing in all browsers.
 */
 
 code,
 kbd,
 samp,
 pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
 }
 
 /*
 Add the correct font size in all browsers.
 */
 
 small {
   font-size: 80%;
 }
 
 /*
 Prevent `sub` and `sup` elements from affecting the line height in all browsers.
 */
 
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
 sub {
   bottom: -0.25em;
 }
 
 sup {
   top: -0.5em;
 }
 
 /*
 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
 3. Remove gaps between table borders by default.
 */
 
 table {
   text-indent: 0;
   /* 1 */
   border-color: inherit;
   /* 2 */
   border-collapse: collapse;
   /* 3 */
 }
 
 /*
 1. Change the font styles in all browsers.
 2. Remove the margin in Firefox and Safari.
 3. Remove default padding in all browsers.
 */
 
 button,
 input,
 optgroup,
 select,
 textarea {
   font-family: inherit;
   /* 1 */
   font-feature-settings: inherit;
   /* 1 */
   font-variation-settings: inherit;
   /* 1 */
   font-size: 100%;
   /* 1 */
   font-weight: inherit;
   /* 1 */
   line-height: inherit;
   /* 1 */
   color: inherit;
   /* 1 */
   margin: 0;
   /* 2 */
   padding: 0;
   /* 3 */
 }
 
 /*
 Remove the inheritance of text transform in Edge and Firefox.
 */
 
 button,
 select {
   text-transform: none;
 }
 
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Remove default button styles.
 */
 
 button,
 [type='button'],
 [type='reset'],
 [type='submit'] {
   -webkit-appearance: button;
   /* 1 */
   background-color: transparent;
   /* 2 */
   background-image: none;
   /* 2 */
 }
 
 /*
 Use the modern Firefox focus style for all focusable elements.
 */
 
 :-moz-focusring {
   outline: auto;
 }
 
 /*
 Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
 */
 
 :-moz-ui-invalid {
   box-shadow: none;
 }
 
 /*
 Add the correct vertical alignment in Chrome and Firefox.
 */
 
 progress {
   vertical-align: baseline;
 }
 
 /*
 Correct the cursor style of increment and decrement buttons in Safari.
 */
 
 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
   height: auto;
 }
 
 /*
 1. Correct the odd appearance in Chrome and Safari.
 2. Correct the outline style in Safari.
 */
 
 [type='search'] {
   -webkit-appearance: textfield;
   /* 1 */
   outline-offset: -2px;
   /* 2 */
 }
 
 /*
 Remove the inner padding in Chrome and Safari on macOS.
 */
 
 ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Change font properties to `inherit` in Safari.
 */
 
 ::-webkit-file-upload-button {
   -webkit-appearance: button;
   /* 1 */
   font: inherit;
   /* 2 */
 }
 
 /*
 Add the correct display in Chrome and Safari.
 */
 
 summary {
   display: list-item;
 }
 
 /*
 Removes the default spacing and border for appropriate elements.
 */
 
 blockquote,
 dl,
 dd,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 figure,
 p,
 pre {
   margin: 0;
 }
 
 fieldset {
   margin: 0;
   padding: 0;
 }
 
 legend {
   padding: 0;
 }
 
 ol,
 ul,
 menu {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 /*
 Reset default styling for dialogs.
 */
 
 dialog {
   padding: 0;
 }
 
 /*
 Prevent resizing textareas horizontally by default.
 */
 
 textarea {
   resize: vertical;
 }
 
 /*
 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
 2. Set the default placeholder color to the user's configured gray 400 color.
 */
 
 input::-moz-placeholder, textarea::-moz-placeholder {
   opacity: 1;
   /* 1 */
   color: #9ca3af;
   /* 2 */
 }
 
 input::placeholder,
 textarea::placeholder {
   opacity: 1;
   /* 1 */
   color: #9ca3af;
   /* 2 */
 }
 
 /*
 Set the default cursor for buttons.
 */
 
 button,
 [role="button"] {
   cursor: pointer;
 }
 
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
 
 :disabled {
   cursor: default;
 }
 
 /*
 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
    This can trigger a poorly considered lint error in some tools but is included by design.
 */
 
 img,
 svg,
 video,
 canvas,
 audio,
 iframe,
 embed,
 object {
   display: block;
   /* 1 */
   vertical-align: middle;
   /* 2 */
 }
 
 /*
 Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
 */
 
 img,
 video {
   max-width: 100%;
   height: auto;
 }
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
 
 [hidden] {
   display: none;
 }
 
 *, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x:  ;
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position:  ;
   --tw-gradient-via-position:  ;
   --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
   --tw-numeric-spacing:  ;
   --tw-numeric-fraction:  ;
   --tw-ring-inset:  ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur:  ;
   --tw-brightness:  ;
   --tw-contrast:  ;
   --tw-grayscale:  ;
   --tw-hue-rotate:  ;
   --tw-invert:  ;
   --tw-saturate:  ;
   --tw-sepia:  ;
   --tw-drop-shadow:  ;
   --tw-backdrop-blur:  ;
   --tw-backdrop-brightness:  ;
   --tw-backdrop-contrast:  ;
   --tw-backdrop-grayscale:  ;
   --tw-backdrop-hue-rotate:  ;
   --tw-backdrop-invert:  ;
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
 
 ::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-pan-x:  ;
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
   --tw-gradient-from-position:  ;
   --tw-gradient-via-position:  ;
   --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
   --tw-numeric-spacing:  ;
   --tw-numeric-fraction:  ;
   --tw-ring-inset:  ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgb(59 130 246 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   --tw-blur:  ;
   --tw-brightness:  ;
   --tw-contrast:  ;
   --tw-grayscale:  ;
   --tw-hue-rotate:  ;
   --tw-invert:  ;
   --tw-saturate:  ;
   --tw-sepia:  ;
   --tw-drop-shadow:  ;
   --tw-backdrop-blur:  ;
   --tw-backdrop-brightness:  ;
   --tw-backdrop-contrast:  ;
   --tw-backdrop-grayscale:  ;
   --tw-backdrop-hue-rotate:  ;
   --tw-backdrop-invert:  ;
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
 
 .container {
   width: 100%;
 }
 
 @media (min-width: 640px) {
   .container {
     max-width: 640px;
   }
 }
 
 @media (min-width: 768px) {
   .container {
     max-width: 768px;
   }
 }
 
 @media (min-width: 1024px) {
   .container {
     max-width: 1024px;
   }
 }
 
 @media (min-width: 1280px) {
   .container {
     max-width: 1280px;
   }
 }
 
 @media (min-width: 1536px) {
   .container {
     max-width: 1536px;
   }
 }
 
 .prose {
   color: var(--tw-prose-body);
   max-width: 65ch;
 }
 
 .prose :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
   margin-bottom: 1.25em;
 }
 
 .prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-lead);
   font-size: 1.25em;
   line-height: 1.6;
   margin-top: 1.2em;
   margin-bottom: 1.2em;
 }
 
 .prose :where(a):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-links);
   text-decoration: underline;
   font-weight: 500;
 }
 
 .prose :where(strong):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-bold);
   font-weight: 600;
 }
 
 .prose :where(a strong):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(ol):not(:where([class~="not-prose"] *)) {
   list-style-type: decimal;
   margin-top: 1.25em;
   margin-bottom: 1.25em;
   padding-left: 1.625em;
 }
 
 .prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
   list-style-type: upper-alpha;
 }
 
 .prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
   list-style-type: lower-alpha;
 }
 
 .prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
   list-style-type: upper-alpha;
 }
 
 .prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
   list-style-type: lower-alpha;
 }
 
 .prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
   list-style-type: upper-roman;
 }
 
 .prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
   list-style-type: lower-roman;
 }
 
 .prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
   list-style-type: upper-roman;
 }
 
 .prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
   list-style-type: lower-roman;
 }
 
 .prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
   list-style-type: decimal;
 }
 
 .prose :where(ul):not(:where([class~="not-prose"] *)) {
   list-style-type: disc;
   margin-top: 1.25em;
   margin-bottom: 1.25em;
   padding-left: 1.625em;
 }
 
 .prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
   font-weight: 400;
   color: var(--tw-prose-counters);
 }
 
 .prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
   color: var(--tw-prose-bullets);
 }
 
 .prose :where(hr):not(:where([class~="not-prose"] *)) {
   border-color: var(--tw-prose-hr);
   border-top-width: 1px;
   margin-top: 3em;
   margin-bottom: 3em;
 }
 
 .prose :where(blockquote):not(:where([class~="not-prose"] *)) {
   font-weight: 500;
   font-style: italic;
   color: var(--tw-prose-quotes);
   border-left-width: 0.25rem;
   border-left-color: var(--tw-prose-quote-borders);
   quotes: "\201C""\201D""\2018""\2019";
   margin-top: 1.6em;
   margin-bottom: 1.6em;
   padding-left: 1em;
 }
 
 .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
   content: open-quote;
 }
 
 .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
   content: close-quote;
 }
 
 .prose :where(h1):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 800;
   font-size: 2.25em;
   margin-top: 0;
   margin-bottom: 0.8888889em;
   line-height: 1.1111111;
 }
 
 .prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 900;
   color: inherit;
 }
 
 .prose :where(h2):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 700;
   font-size: 1.5em;
   margin-top: 2em;
   margin-bottom: 1em;
   line-height: 1.3333333;
 }
 
 .prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 800;
   color: inherit;
 }
 
 .prose :where(h3):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 600;
   font-size: 1.25em;
   margin-top: 1.6em;
   margin-bottom: 0.6em;
   line-height: 1.6;
 }
 
 .prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 700;
   color: inherit;
 }
 
 .prose :where(h4):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 600;
   margin-top: 1.5em;
   margin-bottom: 0.5em;
   line-height: 1.5;
 }
 
 .prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 700;
   color: inherit;
 }
 
 .prose :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose :where(figcaption):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-captions);
   font-size: 0.875em;
   line-height: 1.4285714;
   margin-top: 0.8571429em;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-code);
   font-weight: 600;
   font-size: 0.875em;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::before {
   content: "`";
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::after {
   content: "`";
 }
 
 .prose :where(a code):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(h1 code):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(h2 code):not(:where([class~="not-prose"] *)) {
   color: inherit;
   font-size: 0.875em;
 }
 
 .prose :where(h3 code):not(:where([class~="not-prose"] *)) {
   color: inherit;
   font-size: 0.9em;
 }
 
 .prose :where(h4 code):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(thead th code):not(:where([class~="not-prose"] *)) {
   color: inherit;
 }
 
 .prose :where(pre):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-pre-code);
   background-color: var(--tw-prose-pre-bg);
   overflow-x: auto;
   font-weight: 400;
   font-size: 0.875em;
   line-height: 1.7142857;
   margin-top: 1.7142857em;
   margin-bottom: 1.7142857em;
   border-radius: 0.375rem;
   padding-top: 0.8571429em;
   padding-right: 1.1428571em;
   padding-bottom: 0.8571429em;
   padding-left: 1.1428571em;
 }
 
 .prose :where(pre code):not(:where([class~="not-prose"] *)) {
   background-color: transparent;
   border-width: 0;
   border-radius: 0;
   padding: 0;
   font-weight: inherit;
   color: inherit;
   font-size: inherit;
   font-family: inherit;
   line-height: inherit;
 }
 
 .prose :where(pre code):not(:where([class~="not-prose"] *))::before {
   content: none;
 }
 
 .prose :where(pre code):not(:where([class~="not-prose"] *))::after {
   content: none;
 }
 
 .prose :where(table):not(:where([class~="not-prose"] *)) {
   width: 100%;
   table-layout: auto;
   text-align: left;
   margin-top: 2em;
   margin-bottom: 2em;
   font-size: 0.875em;
   line-height: 1.7142857;
 }
 
 .prose :where(thead):not(:where([class~="not-prose"] *)) {
   border-bottom-width: 1px;
   border-bottom-color: var(--tw-prose-th-borders);
 }
 
 .prose :where(thead th):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 600;
   vertical-align: bottom;
   padding-right: 0.5714286em;
   padding-bottom: 0.5714286em;
   padding-left: 0.5714286em;
 }
 
 .prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
   border-bottom-width: 1px;
   border-bottom-color: var(--tw-prose-td-borders);
 }
 
 .prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
   border-bottom-width: 0;
 }
 
 .prose :where(tbody td):not(:where([class~="not-prose"] *)) {
   vertical-align: baseline;
 }
 
 .prose :where(tfoot):not(:where([class~="not-prose"] *)) {
   border-top-width: 1px;
   border-top-color: var(--tw-prose-th-borders);
 }
 
 .prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
   vertical-align: top;
 }
 
 .prose {
   --tw-prose-body: #27272a;
   --tw-prose-headings: #18181b;
   --tw-prose-lead: #3f3f46;
   --tw-prose-links: #18181b;
   --tw-prose-bold: #18181b;
   --tw-prose-counters: #52525b;
   --tw-prose-bullets: #a1a1aa;
   --tw-prose-hr: #d4d4d8;
   --tw-prose-quotes: #18181b;
   --tw-prose-quote-borders: #d4d4d8;
   --tw-prose-captions: #3f3f46;
   --tw-prose-code: #6366f1;
   --tw-prose-pre-code: #a5b4fc;
   --tw-prose-pre-bg: #111827;
   --tw-prose-th-borders: #d4d4d8;
   --tw-prose-td-borders: #e4e4e7;
   --tw-prose-invert-body: #e4e4e7;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #d4d4d8;
   --tw-prose-invert-links: #818cf8;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #a1a1aa;
   --tw-prose-invert-bullets: #e4e4e7;
   --tw-prose-invert-hr: #71717a;
   --tw-prose-invert-quotes: #f4f4f5;
   --tw-prose-invert-quote-borders: #3f3f46;
   --tw-prose-invert-captions: #a1a1aa;
   --tw-prose-invert-code: #818cf8;
   --tw-prose-invert-pre-code: #a5b4fc;
   --tw-prose-invert-pre-bg: #111827;
   --tw-prose-invert-th-borders: #f4f4f5;
   --tw-prose-invert-td-borders: #71717a;
   font-size: 1rem;
   line-height: 1.75;
 }
 
 .prose :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
 
 .prose :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.375em;
 }
 
 .prose :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.375em;
 }
 
 .prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
 }
 
 .prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
 }
 
 .prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.25em;
 }
 
 .prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
 }
 
 .prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.25em;
 }
 
 .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
 }
 
 .prose :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.5714286em;
   padding-right: 0.5714286em;
   padding-bottom: 0.5714286em;
   padding-left: 0.5714286em;
 }
 
 .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-sm {
   font-size: 0.875rem;
   line-height: 1.7142857;
 }
 
 .prose-sm :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
   margin-bottom: 1.1428571em;
 }
 
 .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   font-size: 1.2857143em;
   line-height: 1.5555556;
   margin-top: 0.8888889em;
   margin-bottom: 0.8888889em;
 }
 
 .prose-sm :where(blockquote):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
   padding-left: 1.1111111em;
 }
 
 .prose-sm :where(h1):not(:where([class~="not-prose"] *)) {
   font-size: 2.1428571em;
   margin-top: 0;
   margin-bottom: 0.8em;
   line-height: 1.2;
 }
 
 .prose-sm :where(h2):not(:where([class~="not-prose"] *)) {
   font-size: 1.4285714em;
   margin-top: 1.6em;
   margin-bottom: 0.8em;
   line-height: 1.4;
 }
 
 .prose-sm :where(h3):not(:where([class~="not-prose"] *)) {
   font-size: 1.2857143em;
   margin-top: 1.5555556em;
   margin-bottom: 0.4444444em;
   line-height: 1.5555556;
 }
 
 .prose-sm :where(h4):not(:where([class~="not-prose"] *)) {
   margin-top: 1.4285714em;
   margin-bottom: 0.5714286em;
   line-height: 1.4285714;
 }
 
 .prose-sm :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7142857em;
   margin-bottom: 1.7142857em;
 }
 
 .prose-sm :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7142857em;
   margin-bottom: 1.7142857em;
 }
 
 .prose-sm :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7142857em;
   margin-bottom: 1.7142857em;
 }
 
 .prose-sm :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose-sm :where(figcaption):not(:where([class~="not-prose"] *)) {
   font-size: 0.8571429em;
   line-height: 1.3333333;
   margin-top: 0.6666667em;
 }
 
 .prose-sm :where(code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8571429em;
 }
 
 .prose-sm :where(h2 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
 }
 
 .prose-sm :where(h3 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
 }
 
 .prose-sm :where(pre):not(:where([class~="not-prose"] *)) {
   font-size: 0.8571429em;
   line-height: 1.6666667;
   margin-top: 1.6666667em;
   margin-bottom: 1.6666667em;
   border-radius: 0.25rem;
   padding-top: 0.6666667em;
   padding-right: 1em;
   padding-bottom: 0.6666667em;
   padding-left: 1em;
 }
 
 .prose-sm :where(ol):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
   margin-bottom: 1.1428571em;
   padding-left: 1.5714286em;
 }
 
 .prose-sm :where(ul):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
   margin-bottom: 1.1428571em;
   padding-left: 1.5714286em;
 }
 
 .prose-sm :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.2857143em;
   margin-bottom: 0.2857143em;
 }
 
 .prose-sm :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4285714em;
 }
 
 .prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4285714em;
 }
 
 .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5714286em;
   margin-bottom: 0.5714286em;
 }
 
 .prose-sm :where(.prose-sm > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
 }
 
 .prose-sm :where(.prose-sm > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.1428571em;
 }
 
 .prose-sm :where(.prose-sm > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
 }
 
 .prose-sm :where(.prose-sm > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.1428571em;
 }
 
 .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5714286em;
   margin-bottom: 0.5714286em;
 }
 
 .prose-sm :where(hr):not(:where([class~="not-prose"] *)) {
   margin-top: 2.8571429em;
   margin-bottom: 2.8571429em;
 }
 
 .prose-sm :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-sm :where(table):not(:where([class~="not-prose"] *)) {
   font-size: 0.8571429em;
   line-height: 1.5;
 }
 
 .prose-sm :where(thead th):not(:where([class~="not-prose"] *)) {
   padding-right: 1em;
   padding-bottom: 0.6666667em;
   padding-left: 1em;
 }
 
 .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.6666667em;
   padding-right: 1em;
   padding-bottom: 0.6666667em;
   padding-left: 1em;
 }
 
 .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-base {
   font-size: 1rem;
   line-height: 1.75;
 }
 
 .prose-base :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
   margin-bottom: 1.25em;
 }
 
 .prose-base :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   font-size: 1.25em;
   line-height: 1.6;
   margin-top: 1.2em;
   margin-bottom: 1.2em;
 }
 
 .prose-base :where(blockquote):not(:where([class~="not-prose"] *)) {
   margin-top: 1.6em;
   margin-bottom: 1.6em;
   padding-left: 1em;
 }
 
 .prose-base :where(h1):not(:where([class~="not-prose"] *)) {
   font-size: 2.25em;
   margin-top: 0;
   margin-bottom: 0.8888889em;
   line-height: 1.1111111;
 }
 
 .prose-base :where(h2):not(:where([class~="not-prose"] *)) {
   font-size: 1.5em;
   margin-top: 2em;
   margin-bottom: 1em;
   line-height: 1.3333333;
 }
 
 .prose-base :where(h3):not(:where([class~="not-prose"] *)) {
   font-size: 1.25em;
   margin-top: 1.6em;
   margin-bottom: 0.6em;
   line-height: 1.6;
 }
 
 .prose-base :where(h4):not(:where([class~="not-prose"] *)) {
   margin-top: 1.5em;
   margin-bottom: 0.5em;
   line-height: 1.5;
 }
 
 .prose-base :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-base :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-base :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-base :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose-base :where(figcaption):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
   line-height: 1.4285714;
   margin-top: 0.8571429em;
 }
 
 .prose-base :where(code):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
 }
 
 .prose-base :where(h2 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
 }
 
 .prose-base :where(h3 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
 }
 
 .prose-base :where(pre):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
   line-height: 1.7142857;
   margin-top: 1.7142857em;
   margin-bottom: 1.7142857em;
   border-radius: 0.375rem;
   padding-top: 0.8571429em;
   padding-right: 1.1428571em;
   padding-bottom: 0.8571429em;
   padding-left: 1.1428571em;
 }
 
 .prose-base :where(ol):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
   margin-bottom: 1.25em;
   padding-left: 1.625em;
 }
 
 .prose-base :where(ul):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
   margin-bottom: 1.25em;
   padding-left: 1.625em;
 }
 
 .prose-base :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
 
 .prose-base :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.375em;
 }
 
 .prose-base :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.375em;
 }
 
 .prose-base :where(.prose-base > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
 }
 
 .prose-base :where(.prose-base > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
 }
 
 .prose-base :where(.prose-base > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.25em;
 }
 
 .prose-base :where(.prose-base > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
 }
 
 .prose-base :where(.prose-base > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.25em;
 }
 
 .prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
 }
 
 .prose-base :where(hr):not(:where([class~="not-prose"] *)) {
   margin-top: 3em;
   margin-bottom: 3em;
 }
 
 .prose-base :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-base :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-base :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-base :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-base :where(table):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
   line-height: 1.7142857;
 }
 
 .prose-base :where(thead th):not(:where([class~="not-prose"] *)) {
   padding-right: 0.5714286em;
   padding-bottom: 0.5714286em;
   padding-left: 0.5714286em;
 }
 
 .prose-base :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-base :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.5714286em;
   padding-right: 0.5714286em;
   padding-bottom: 0.5714286em;
   padding-left: 0.5714286em;
 }
 
 .prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-base :where(.prose-base > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-base :where(.prose-base > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-lg {
   font-size: 1.125rem;
   line-height: 1.7777778;
 }
 
 .prose-lg :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
 }
 
 .prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   font-size: 1.2222222em;
   line-height: 1.4545455;
   margin-top: 1.0909091em;
   margin-bottom: 1.0909091em;
 }
 
 .prose-lg :where(blockquote):not(:where([class~="not-prose"] *)) {
   margin-top: 1.6666667em;
   margin-bottom: 1.6666667em;
   padding-left: 1em;
 }
 
 .prose-lg :where(h1):not(:where([class~="not-prose"] *)) {
   font-size: 2.6666667em;
   margin-top: 0;
   margin-bottom: 0.8333333em;
   line-height: 1;
 }
 
 .prose-lg :where(h2):not(:where([class~="not-prose"] *)) {
   font-size: 1.6666667em;
   margin-top: 1.8666667em;
   margin-bottom: 1.0666667em;
   line-height: 1.3333333;
 }
 
 .prose-lg :where(h3):not(:where([class~="not-prose"] *)) {
   font-size: 1.3333333em;
   margin-top: 1.6666667em;
   margin-bottom: 0.6666667em;
   line-height: 1.5;
 }
 
 .prose-lg :where(h4):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7777778em;
   margin-bottom: 0.4444444em;
   line-height: 1.5555556;
 }
 
 .prose-lg :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7777778em;
   margin-bottom: 1.7777778em;
 }
 
 .prose-lg :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7777778em;
   margin-bottom: 1.7777778em;
 }
 
 .prose-lg :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7777778em;
   margin-bottom: 1.7777778em;
 }
 
 .prose-lg :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose-lg :where(figcaption):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
   line-height: 1.5;
   margin-top: 1em;
 }
 
 .prose-lg :where(code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
 }
 
 .prose-lg :where(h2 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8666667em;
 }
 
 .prose-lg :where(h3 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
 }
 
 .prose-lg :where(pre):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
   line-height: 1.75;
   margin-top: 2em;
   margin-bottom: 2em;
   border-radius: 0.375rem;
   padding-top: 1em;
   padding-right: 1.5em;
   padding-bottom: 1em;
   padding-left: 1.5em;
 }
 
 .prose-lg :where(ol):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
   padding-left: 1.5555556em;
 }
 
 .prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
   padding-left: 1.5555556em;
 }
 
 .prose-lg :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.6666667em;
   margin-bottom: 0.6666667em;
 }
 
 .prose-lg :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4444444em;
 }
 
 .prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4444444em;
 }
 
 .prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.8888889em;
   margin-bottom: 0.8888889em;
 }
 
 .prose-lg :where(.prose-lg > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
 }
 
 .prose-lg :where(.prose-lg > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.3333333em;
 }
 
 .prose-lg :where(.prose-lg > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
 }
 
 .prose-lg :where(.prose-lg > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.3333333em;
 }
 
 .prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.8888889em;
   margin-bottom: 0.8888889em;
 }
 
 .prose-lg :where(hr):not(:where([class~="not-prose"] *)) {
   margin-top: 3.1111111em;
   margin-bottom: 3.1111111em;
 }
 
 .prose-lg :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-lg :where(table):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
   line-height: 1.5;
 }
 
 .prose-lg :where(thead th):not(:where([class~="not-prose"] *)) {
   padding-right: 0.75em;
   padding-bottom: 0.75em;
   padding-left: 0.75em;
 }
 
 .prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.75em;
   padding-right: 0.75em;
   padding-bottom: 0.75em;
   padding-left: 0.75em;
 }
 
 .prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-xl {
   font-size: 1.25rem;
   line-height: 1.8;
 }
 
 .prose-xl :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.2em;
   margin-bottom: 1.2em;
 }
 
 .prose-xl :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   font-size: 1.2em;
   line-height: 1.5;
   margin-top: 1em;
   margin-bottom: 1em;
 }
 
 .prose-xl :where(blockquote):not(:where([class~="not-prose"] *)) {
   margin-top: 1.6em;
   margin-bottom: 1.6em;
   padding-left: 1.0666667em;
 }
 
 .prose-xl :where(h1):not(:where([class~="not-prose"] *)) {
   font-size: 2.8em;
   margin-top: 0;
   margin-bottom: 0.8571429em;
   line-height: 1;
 }
 
 .prose-xl :where(h2):not(:where([class~="not-prose"] *)) {
   font-size: 1.8em;
   margin-top: 1.5555556em;
   margin-bottom: 0.8888889em;
   line-height: 1.1111111;
 }
 
 .prose-xl :where(h3):not(:where([class~="not-prose"] *)) {
   font-size: 1.5em;
   margin-top: 1.6em;
   margin-bottom: 0.6666667em;
   line-height: 1.3333333;
 }
 
 .prose-xl :where(h4):not(:where([class~="not-prose"] *)) {
   margin-top: 1.8em;
   margin-bottom: 0.6em;
   line-height: 1.6;
 }
 
 .prose-xl :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-xl :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-xl :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-xl :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose-xl :where(figcaption):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
   line-height: 1.5555556;
   margin-top: 1em;
 }
 
 .prose-xl :where(code):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
 }
 
 .prose-xl :where(h2 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8611111em;
 }
 
 .prose-xl :where(h3 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
 }
 
 .prose-xl :where(pre):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
   line-height: 1.7777778;
   margin-top: 2em;
   margin-bottom: 2em;
   border-radius: 0.5rem;
   padding-top: 1.1111111em;
   padding-right: 1.3333333em;
   padding-bottom: 1.1111111em;
   padding-left: 1.3333333em;
 }
 
 .prose-xl :where(ol):not(:where([class~="not-prose"] *)) {
   margin-top: 1.2em;
   margin-bottom: 1.2em;
   padding-left: 1.6em;
 }
 
 .prose-xl :where(ul):not(:where([class~="not-prose"] *)) {
   margin-top: 1.2em;
   margin-bottom: 1.2em;
   padding-left: 1.6em;
 }
 
 .prose-xl :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.6em;
   margin-bottom: 0.6em;
 }
 
 .prose-xl :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4em;
 }
 
 .prose-xl :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4em;
 }
 
 .prose-xl :where(.prose-xl > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.8em;
   margin-bottom: 0.8em;
 }
 
 .prose-xl :where(.prose-xl > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.2em;
 }
 
 .prose-xl :where(.prose-xl > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.2em;
 }
 
 .prose-xl :where(.prose-xl > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.2em;
 }
 
 .prose-xl :where(.prose-xl > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.2em;
 }
 
 .prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.8em;
   margin-bottom: 0.8em;
 }
 
 .prose-xl :where(hr):not(:where([class~="not-prose"] *)) {
   margin-top: 2.8em;
   margin-bottom: 2.8em;
 }
 
 .prose-xl :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-xl :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-xl :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-xl :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-xl :where(table):not(:where([class~="not-prose"] *)) {
   font-size: 0.9em;
   line-height: 1.5555556;
 }
 
 .prose-xl :where(thead th):not(:where([class~="not-prose"] *)) {
   padding-right: 0.6666667em;
   padding-bottom: 0.8888889em;
   padding-left: 0.6666667em;
 }
 
 .prose-xl :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-xl :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.8888889em;
   padding-right: 0.6666667em;
   padding-bottom: 0.8888889em;
   padding-left: 0.6666667em;
 }
 
 .prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-xl :where(.prose-xl > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-xl :where(.prose-xl > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-2xl {
   font-size: 1.5rem;
   line-height: 1.6666667;
 }
 
 .prose-2xl :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
 }
 
 .prose-2xl :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   font-size: 1.25em;
   line-height: 1.4666667;
   margin-top: 1.0666667em;
   margin-bottom: 1.0666667em;
 }
 
 .prose-2xl :where(blockquote):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7777778em;
   margin-bottom: 1.7777778em;
   padding-left: 1.1111111em;
 }
 
 .prose-2xl :where(h1):not(:where([class~="not-prose"] *)) {
   font-size: 2.6666667em;
   margin-top: 0;
   margin-bottom: 0.875em;
   line-height: 1;
 }
 
 .prose-2xl :where(h2):not(:where([class~="not-prose"] *)) {
   font-size: 2em;
   margin-top: 1.5em;
   margin-bottom: 0.8333333em;
   line-height: 1.0833333;
 }
 
 .prose-2xl :where(h3):not(:where([class~="not-prose"] *)) {
   font-size: 1.5em;
   margin-top: 1.5555556em;
   margin-bottom: 0.6666667em;
   line-height: 1.2222222;
 }
 
 .prose-2xl :where(h4):not(:where([class~="not-prose"] *)) {
   margin-top: 1.6666667em;
   margin-bottom: 0.6666667em;
   line-height: 1.5;
 }
 
 .prose-2xl :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-2xl :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-2xl :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
   margin-bottom: 2em;
 }
 
 .prose-2xl :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .prose-2xl :where(figcaption):not(:where([class~="not-prose"] *)) {
   font-size: 0.8333333em;
   line-height: 1.6;
   margin-top: 1em;
 }
 
 .prose-2xl :where(code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8333333em;
 }
 
 .prose-2xl :where(h2 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.875em;
 }
 
 .prose-2xl :where(h3 code):not(:where([class~="not-prose"] *)) {
   font-size: 0.8888889em;
 }
 
 .prose-2xl :where(pre):not(:where([class~="not-prose"] *)) {
   font-size: 0.8333333em;
   line-height: 1.8;
   margin-top: 2em;
   margin-bottom: 2em;
   border-radius: 0.5rem;
   padding-top: 1.2em;
   padding-right: 1.6em;
   padding-bottom: 1.2em;
   padding-left: 1.6em;
 }
 
 .prose-2xl :where(ol):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
   padding-left: 1.5833333em;
 }
 
 .prose-2xl :where(ul):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
   padding-left: 1.5833333em;
 }
 
 .prose-2xl :where(li):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
 
 .prose-2xl :where(ol > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4166667em;
 }
 
 .prose-2xl :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4166667em;
 }
 
 .prose-2xl :where(.prose-2xl > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.8333333em;
   margin-bottom: 0.8333333em;
 }
 
 .prose-2xl :where(.prose-2xl > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
 }
 
 .prose-2xl :where(.prose-2xl > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.3333333em;
 }
 
 .prose-2xl :where(.prose-2xl > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
 }
 
 .prose-2xl :where(.prose-2xl > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.3333333em;
 }
 
 .prose-2xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
   margin-top: 0.6666667em;
   margin-bottom: 0.6666667em;
 }
 
 .prose-2xl :where(hr):not(:where([class~="not-prose"] *)) {
   margin-top: 3em;
   margin-bottom: 3em;
 }
 
 .prose-2xl :where(hr + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-2xl :where(h2 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-2xl :where(h3 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-2xl :where(h4 + *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-2xl :where(table):not(:where([class~="not-prose"] *)) {
   font-size: 0.8333333em;
   line-height: 1.4;
 }
 
 .prose-2xl :where(thead th):not(:where([class~="not-prose"] *)) {
   padding-right: 0.6em;
   padding-bottom: 0.8em;
   padding-left: 0.6em;
 }
 
 .prose-2xl :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-2xl :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-2xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
   padding-top: 0.8em;
   padding-right: 0.6em;
   padding-bottom: 0.8em;
   padding-left: 0.6em;
 }
 
 .prose-2xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
   padding-left: 0;
 }
 
 .prose-2xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
 
 .prose-2xl :where(.prose-2xl > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
 .prose-2xl :where(.prose-2xl > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
 .prose-invert {
   --tw-prose-body: var(--tw-prose-invert-body);
   --tw-prose-headings: var(--tw-prose-invert-headings);
   --tw-prose-lead: var(--tw-prose-invert-lead);
   --tw-prose-links: var(--tw-prose-invert-links);
   --tw-prose-bold: var(--tw-prose-invert-bold);
   --tw-prose-counters: var(--tw-prose-invert-counters);
   --tw-prose-bullets: var(--tw-prose-invert-bullets);
   --tw-prose-hr: var(--tw-prose-invert-hr);
   --tw-prose-quotes: var(--tw-prose-invert-quotes);
   --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
   --tw-prose-captions: var(--tw-prose-invert-captions);
   --tw-prose-code: var(--tw-prose-invert-code);
   --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
   --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
   --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
   --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
 }
 
 .prose-slate {
   --tw-prose-body: #334155;
   --tw-prose-headings: #0f172a;
   --tw-prose-lead: #475569;
   --tw-prose-links: #0f172a;
   --tw-prose-bold: #0f172a;
   --tw-prose-counters: #64748b;
   --tw-prose-bullets: #cbd5e1;
   --tw-prose-hr: #e2e8f0;
   --tw-prose-quotes: #0f172a;
   --tw-prose-quote-borders: #e2e8f0;
   --tw-prose-captions: #64748b;
   --tw-prose-code: #0f172a;
   --tw-prose-pre-code: #e2e8f0;
   --tw-prose-pre-bg: #1e293b;
   --tw-prose-th-borders: #cbd5e1;
   --tw-prose-td-borders: #e2e8f0;
   --tw-prose-invert-body: #cbd5e1;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #94a3b8;
   --tw-prose-invert-links: #fff;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #94a3b8;
   --tw-prose-invert-bullets: #475569;
   --tw-prose-invert-hr: #334155;
   --tw-prose-invert-quotes: #f1f5f9;
   --tw-prose-invert-quote-borders: #334155;
   --tw-prose-invert-captions: #94a3b8;
   --tw-prose-invert-code: #fff;
   --tw-prose-invert-pre-code: #cbd5e1;
   --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
   --tw-prose-invert-th-borders: #475569;
   --tw-prose-invert-td-borders: #334155;
 }
 
 .prose-gray {
   --tw-prose-body: #374151;
   --tw-prose-headings: #111827;
   --tw-prose-lead: #4b5563;
   --tw-prose-links: #111827;
   --tw-prose-bold: #111827;
   --tw-prose-counters: #6b7280;
   --tw-prose-bullets: #d1d5db;
   --tw-prose-hr: #e5e7eb;
   --tw-prose-quotes: #111827;
   --tw-prose-quote-borders: #e5e7eb;
   --tw-prose-captions: #6b7280;
   --tw-prose-code: #111827;
   --tw-prose-pre-code: #e5e7eb;
   --tw-prose-pre-bg: #1f2937;
   --tw-prose-th-borders: #d1d5db;
   --tw-prose-td-borders: #e5e7eb;
   --tw-prose-invert-body: #d1d5db;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #9ca3af;
   --tw-prose-invert-links: #fff;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #9ca3af;
   --tw-prose-invert-bullets: #4b5563;
   --tw-prose-invert-hr: #374151;
   --tw-prose-invert-quotes: #f3f4f6;
   --tw-prose-invert-quote-borders: #374151;
   --tw-prose-invert-captions: #9ca3af;
   --tw-prose-invert-code: #fff;
   --tw-prose-invert-pre-code: #d1d5db;
   --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
   --tw-prose-invert-th-borders: #4b5563;
   --tw-prose-invert-td-borders: #374151;
 }
 
 .prose-zinc {
   --tw-prose-body: #3f3f46;
   --tw-prose-headings: #18181b;
   --tw-prose-lead: #52525b;
   --tw-prose-links: #18181b;
   --tw-prose-bold: #18181b;
   --tw-prose-counters: #71717a;
   --tw-prose-bullets: #d4d4d8;
   --tw-prose-hr: #e4e4e7;
   --tw-prose-quotes: #18181b;
   --tw-prose-quote-borders: #e4e4e7;
   --tw-prose-captions: #71717a;
   --tw-prose-code: #18181b;
   --tw-prose-pre-code: #e4e4e7;
   --tw-prose-pre-bg: #27272a;
   --tw-prose-th-borders: #d4d4d8;
   --tw-prose-td-borders: #e4e4e7;
   --tw-prose-invert-body: #d4d4d8;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #a1a1aa;
   --tw-prose-invert-links: #fff;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #a1a1aa;
   --tw-prose-invert-bullets: #52525b;
   --tw-prose-invert-hr: #3f3f46;
   --tw-prose-invert-quotes: #f4f4f5;
   --tw-prose-invert-quote-borders: #3f3f46;
   --tw-prose-invert-captions: #a1a1aa;
   --tw-prose-invert-code: #fff;
   --tw-prose-invert-pre-code: #d4d4d8;
   --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
   --tw-prose-invert-th-borders: #52525b;
   --tw-prose-invert-td-borders: #3f3f46;
 }
 
 .prose-neutral {
   --tw-prose-body: #404040;
   --tw-prose-headings: #171717;
   --tw-prose-lead: #525252;
   --tw-prose-links: #171717;
   --tw-prose-bold: #171717;
   --tw-prose-counters: #737373;
   --tw-prose-bullets: #d4d4d4;
   --tw-prose-hr: #e5e5e5;
   --tw-prose-quotes: #171717;
   --tw-prose-quote-borders: #e5e5e5;
   --tw-prose-captions: #737373;
   --tw-prose-code: #171717;
   --tw-prose-pre-code: #e5e5e5;
   --tw-prose-pre-bg: #262626;
   --tw-prose-th-borders: #d4d4d4;
   --tw-prose-td-borders: #e5e5e5;
   --tw-prose-invert-body: #d4d4d4;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #a3a3a3;
   --tw-prose-invert-links: #fff;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #a3a3a3;
   --tw-prose-invert-bullets: #525252;
   --tw-prose-invert-hr: #404040;
   --tw-prose-invert-quotes: #f5f5f5;
   --tw-prose-invert-quote-borders: #404040;
   --tw-prose-invert-captions: #a3a3a3;
   --tw-prose-invert-code: #fff;
   --tw-prose-invert-pre-code: #d4d4d4;
   --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
   --tw-prose-invert-th-borders: #525252;
   --tw-prose-invert-td-borders: #404040;
 }
 
 .prose-stone {
   --tw-prose-body: #44403c;
   --tw-prose-headings: #1c1917;
   --tw-prose-lead: #57534e;
   --tw-prose-links: #1c1917;
   --tw-prose-bold: #1c1917;
   --tw-prose-counters: #78716c;
   --tw-prose-bullets: #d6d3d1;
   --tw-prose-hr: #e7e5e4;
   --tw-prose-quotes: #1c1917;
   --tw-prose-quote-borders: #e7e5e4;
   --tw-prose-captions: #78716c;
   --tw-prose-code: #1c1917;
   --tw-prose-pre-code: #e7e5e4;
   --tw-prose-pre-bg: #292524;
   --tw-prose-th-borders: #d6d3d1;
   --tw-prose-td-borders: #e7e5e4;
   --tw-prose-invert-body: #d6d3d1;
   --tw-prose-invert-headings: #fff;
   --tw-prose-invert-lead: #a8a29e;
   --tw-prose-invert-links: #fff;
   --tw-prose-invert-bold: #fff;
   --tw-prose-invert-counters: #a8a29e;
   --tw-prose-invert-bullets: #57534e;
   --tw-prose-invert-hr: #44403c;
   --tw-prose-invert-quotes: #f5f5f4;
   --tw-prose-invert-quote-borders: #44403c;
   --tw-prose-invert-captions: #a8a29e;
   --tw-prose-invert-code: #fff;
   --tw-prose-invert-pre-code: #d6d3d1;
   --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
   --tw-prose-invert-th-borders: #57534e;
   --tw-prose-invert-td-borders: #44403c;
 }
 
 .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border-width: 0;
 }
 
 .absolute {
   position: absolute;
 }
 
 .relative {
   position: relative;
 }
 
 .inset-0 {
   inset: 0px;
 }
 
 .inset-y-0 {
   top: 0px;
   bottom: 0px;
 }
 
 .left-1\/2 {
   left: 50%;
 }
 
 .right-0 {
   right: 0px;
 }
 
 .right-1\/2 {
   right: 50%;
 }
 
 .top-0 {
   top: 0px;
 }
 
 .top-8 {
   top: 2rem;
 }
 
 .z-30 {
   z-index: 30;
 }
 
 .z-50 {
   z-index: 50;
 }
 
 .col-span-1 {
   grid-column: span 1 / span 1;
 }
 
 .col-span-3 {
   grid-column: span 3 / span 3;
 }
 
 .col-span-6 {
   grid-column: span 6 / span 6;
 }
 
 .-mx-5 {
   margin-left: -1.25rem;
   margin-right: -1.25rem;
 }
 
 .-my-2 {
   margin-top: -0.5rem;
   margin-bottom: -0.5rem;
 }
 
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
 }
 
 .my-16 {
   margin-top: 4rem;
   margin-bottom: 4rem;
 }
 
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
 
 .my-6 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
 }
 
+.mx-12 {
+  margin-left: 3rem;
+  margin-right: 3rem;
+}
+
+.mx-32 {
+  margin-left: 8rem;
+  margin-right: 8rem;
+}
+
 .-ml-3 {
   margin-left: -0.75rem;
 }
 
 .-mr-3 {
   margin-right: -0.75rem;
 }
 
 .-mr-40 {
   margin-right: -10rem;
 }
 
 .-mt-72 {
   margin-top: -18rem;
 }
 
 .mb-2 {
   margin-bottom: 0.5rem;
 }
 
 .mb-4 {
   margin-bottom: 1rem;
 }
 
 .mb-6 {
   margin-bottom: 1.5rem;
 }
 
 .mb-8 {
   margin-bottom: 2rem;
 }
 
 .ml-1 {
   margin-left: 0.25rem;
 }
 
 .ml-3 {
   margin-left: 0.75rem;
 }
 
 .mt-1 {
   margin-top: 0.25rem;
 }
 
 .mt-12 {
   margin-top: 3rem;
 }
 
 .mt-2 {
   margin-top: 0.5rem;
 }
 
 .mt-3 {
   margin-top: 0.75rem;
 }
 
 .mt-4 {
   margin-top: 1rem;
 }
 
 .mt-6 {
   margin-top: 1.5rem;
 }
 
 .mt-8 {
   margin-top: 2rem;
 }
 
+.mt-10 {
+  margin-top: 2.5rem;
+}
+
 .block {
   display: block;
 }
 
 .inline-block {
   display: inline-block;
 }
 
 .inline {
   display: inline;
 }
 
 .flex {
   display: flex;
 }
 
 .inline-flex {
   display: inline-flex;
 }
 
 .table {
   display: table;
 }
 
 .grid {
   display: grid;
 }
 
 .hidden {
   display: none;
 }
 
 .h-1\/3 {
   height: 33.333333%;
 }
 
 .h-10 {
   height: 2.5rem;
 }
 
-.h-36 {
-  height: 9rem;
-}
-
 .h-4 {
   height: 1rem;
 }
 
+.h-48 {
+  height: 12rem;
+}
+
 .h-5 {
   height: 1.25rem;
 }
 
 .h-6 {
   height: 1.5rem;
 }
 
 .h-9 {
   height: 2.25rem;
 }
 
 .h-auto {
   height: auto;
 }
 
 .h-full {
   height: 100%;
 }
 
-.h-48 {
-  height: 12rem;
-}
-
 .max-h-12 {
   max-height: 3rem;
 }
 
 .w-0 {
   width: 0px;
 }
 
 .w-10 {
   width: 2.5rem;
 }
 
 .w-4 {
   width: 1rem;
 }
 
 .w-5 {
   width: 1.25rem;
 }
 
 .w-6 {
   width: 1.5rem;
 }
 
 .w-9 {
   width: 2.25rem;
 }
 
 .w-full {
   width: 100%;
 }
 
 .w-screen {
   width: 100vw;
 }
 
 .min-w-0 {
   min-width: 0px;
 }
 
 .max-w-2xl {
   max-width: 42rem;
 }
 
 .max-w-3xl {
   max-width: 48rem;
 }
 
 .max-w-4xl {
   max-width: 56rem;
 }
 
 .max-w-7xl {
   max-width: 80rem;
 }
 
 .max-w-full {
   max-width: 100%;
 }
 
 .max-w-md {
   max-width: 28rem;
 }
 
 .max-w-none {
   max-width: none;
 }
 
 .max-w-screen-md {
   max-width: 768px;
 }
 
 .max-w-screen-sm {
   max-width: 640px;
 }
 
 .max-w-screen-xl {
   max-width: 1280px;
 }
 
 .max-w-xl {
   max-width: 36rem;
 }
 
 .flex-1 {
   flex: 1 1 0%;
 }
 
 .flex-initial {
   flex: 0 1 auto;
 }
 
 .flex-shrink-0 {
   flex-shrink: 0;
 }
 
 .flex-grow {
   flex-grow: 1;
 }
 
 .origin-top-right {
   transform-origin: top right;
 }
 
 .rotate-0 {
   --tw-rotate: 0deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .rotate-180 {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .scale-100 {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .scale-95 {
   --tw-scale-x: .95;
   --tw-scale-y: .95;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
 .grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 
 .flex-row {
   flex-direction: row;
 }
 
 .flex-col {
   flex-direction: column;
 }
 
 .flex-wrap {
   flex-wrap: wrap;
 }
 
 .items-start {
   align-items: flex-start;
 }
 
 .items-center {
   align-items: center;
 }
 
 .justify-center {
   justify-content: center;
 }
 
 .justify-between {
   justify-content: space-between;
 }
 
+.justify-evenly {
+  justify-content: space-evenly;
+}
+
 .gap-0 {
   gap: 0px;
 }
 
 .gap-0\.5 {
   gap: 0.125rem;
 }
 
 .gap-3 {
   gap: 0.75rem;
 }
 
 .gap-4 {
   gap: 1rem;
 }
 
 .gap-8 {
   gap: 2rem;
 }
 
+.gap-5 {
+  gap: 1.25rem;
+}
+
+.gap-12 {
+  gap: 3rem;
+}
+
+.gap-24 {
+  gap: 6rem;
+}
+
+.gap-64 {
+  gap: 16rem;
+}
+
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
   margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
 .space-x-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1.5rem * var(--tw-space-x-reverse));
   margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
 .space-y-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
 
 .space-y-8 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(2rem * var(--tw-space-y-reverse));
 }
 
 .overflow-hidden {
   overflow: hidden;
 }
 
 .rounded-2xl {
   border-radius: 1rem;
 }
 
 .rounded-full {
   border-radius: 9999px;
 }
 
 .rounded-lg {
   border-radius: 0.5rem;
 }
 
 .rounded-md {
   border-radius: 0.375rem;
 }
 
 .rounded-l-3xl {
   border-top-left-radius: 1.5rem;
   border-bottom-left-radius: 1.5rem;
 }
 
 .rounded-r-3xl {
   border-top-right-radius: 1.5rem;
   border-bottom-right-radius: 1.5rem;
 }
 
 .rounded-t-lg {
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
 }
 
 .border {
   border-width: 1px;
 }
 
 .border-2 {
   border-width: 2px;
 }
 
 .border-t-2 {
   border-top-width: 2px;
 }
 
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 
 .border-gray-900 {
   --tw-border-opacity: 1;
   border-color: rgb(17 24 39 / var(--tw-border-opacity));
 }
 
 .border-primary-300 {
   --tw-border-opacity: 1;
   border-color: rgb(186 66 255 / var(--tw-border-opacity));
 }
 
 .border-transparent {
   border-color: transparent;
 }
 
 .border-b-stone-200\/10 {
   border-bottom-color: rgb(231 229 228 / 0.1);
 }
 
 .bg-gray-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
 
 .bg-gray-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
 
 .bg-gray-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
 
 .bg-gray-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
 
 .bg-indigo-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity));
 }
 
 .bg-primary-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(139 0 219 / var(--tw-bg-opacity));
 }
 
 .bg-primary-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(106 0 168 / var(--tw-bg-opacity));
 }
 
+.bg-slate-100\/70 {
+  background-color: rgb(241 245 249 / 0.7);
+}
+
 .bg-transparent {
   background-color: transparent;
 }
 
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
 .bg-zinc-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(244 244 245 / var(--tw-bg-opacity));
 }
 
-.bg-slate-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
-}
-
-.bg-slate-100\/50 {
-  background-color: rgb(241 245 249 / 0.5);
-}
-
-.bg-slate-100\/70 {
-  background-color: rgb(241 245 249 / 0.7);
-}
-
 .bg-center {
   background-position: center;
 }
 
 .object-fill {
   -o-object-fit: fill;
      object-fit: fill;
 }
 
 .p-2 {
   padding: 0.5rem;
 }
 
 .p-2\.5 {
   padding: 0.625rem;
 }
 
 .p-3 {
   padding: 0.75rem;
 }
 
 .p-4 {
   padding: 1rem;
 }
 
 .p-6 {
   padding: 1.5rem;
 }
 
-.p-10 {
-  padding: 2.5rem;
-}
-
-.p-5 {
-  padding: 1.25rem;
-}
-
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
 
+.px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
 
 .px-2\.5 {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
 }
 
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
 }
 
 .px-5 {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
 
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
 
 .px-7 {
   padding-left: 1.75rem;
   padding-right: 1.75rem;
 }
 
 .px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
 }
 
 .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;
 }
 
 .py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
 
 .py-10 {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
 
 .py-12 {
   padding-top: 3rem;
   padding-bottom: 3rem;
 }
 
 .py-16 {
   padding-top: 4rem;
   padding-bottom: 4rem;
 }
 
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
 .py-2\.5 {
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
 }
 
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
 
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
 .py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
 
 .py-8 {
   padding-top: 2rem;
   padding-bottom: 2rem;
 }
 
 .py-96 {
   padding-top: 24rem;
   padding-bottom: 24rem;
 }
 
-.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.px-20 {
-  padding-left: 5rem;
-  padding-right: 5rem;
-}
-
 .pb-12 {
   padding-bottom: 3rem;
 }
 
 .pb-16 {
   padding-bottom: 4rem;
 }
 
 .pb-2 {
   padding-bottom: 0.5rem;
 }
 
 .pb-4 {
   padding-bottom: 1rem;
 }
 
 .pl-4 {
   padding-left: 1rem;
 }
 
 .pr-2 {
   padding-right: 0.5rem;
 }
 
 .pt-1 {
   padding-top: 0.25rem;
 }
 
 .pt-2 {
   padding-top: 0.5rem;
 }
 
 .pt-4 {
   padding-top: 1rem;
 }
 
 .pt-6 {
   padding-top: 1.5rem;
 }
 
 .pt-8 {
   padding-top: 2rem;
 }
 
 .text-left {
   text-align: left;
 }
 
 .text-center {
   text-align: center;
 }
 
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
 }
 
 .text-3xl {
   font-size: 1.875rem;
   line-height: 2.25rem;
 }
 
 .text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
 }
 
 .text-5xl {
   font-size: 3rem;
   line-height: 1;
 }
 
 .text-8xl {
   font-size: 6rem;
   line-height: 1;
 }
 
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
 }
 
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
 
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
 
 .font-black {
   font-weight: 900;
 }
 
 .font-bold {
   font-weight: 700;
 }
 
 .font-extrabold {
   font-weight: 800;
 }
 
 .font-light {
   font-weight: 300;
 }
 
 .font-medium {
   font-weight: 500;
 }
 
 .font-normal {
   font-weight: 400;
 }
 
 .font-semibold {
   font-weight: 600;
 }
 
 .uppercase {
   text-transform: uppercase;
 }
 
 .capitalize {
   text-transform: capitalize;
 }
 
 .leading-7 {
   line-height: 1.75rem;
 }
 
 .leading-none {
   line-height: 1;
 }
 
 .tracking-tight {
   letter-spacing: -0.025em;
 }
 
 .text-gray-100 {
   --tw-text-opacity: 1;
   color: rgb(243 244 246 / var(--tw-text-opacity));
 }
 
 .text-gray-200 {
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity));
 }
 
 .text-gray-300 {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
 .text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
 .text-gray-800 {
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity));
 }
 
 .text-gray-900 {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 
 .text-primary-100 {
   --tw-text-opacity: 1;
   color: rgb(223 168 255 / var(--tw-text-opacity));
 }
 
 .text-primary-400 {
   --tw-text-opacity: 1;
   color: rgb(167 15 255 / var(--tw-text-opacity));
 }
 
 .text-primary-500 {
   --tw-text-opacity: 1;
   color: rgb(139 0 219 / var(--tw-text-opacity));
 }
 
 .text-primary-600 {
   --tw-text-opacity: 1;
   color: rgb(106 0 168 / var(--tw-text-opacity));
 }
 
 .text-primary-900 {
   --tw-text-opacity: 1;
   color: rgb(29 0 46 / var(--tw-text-opacity));
 }
 
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .text-zinc-900 {
   --tw-text-opacity: 1;
   color: rgb(24 24 27 / var(--tw-text-opacity));
 }
 
 .text-opacity-40 {
   --tw-text-opacity: 0.4;
 }
 
 .underline {
   text-decoration-line: underline;
 }
 
 .placeholder-gray-500::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(107 114 128 / var(--tw-placeholder-opacity));
 }
 
 .placeholder-gray-500::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(107 114 128 / var(--tw-placeholder-opacity));
 }
 
 .opacity-0 {
   opacity: 0;
 }
 
 .opacity-100 {
   opacity: 1;
 }
 
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .shadow-sm {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .shadow-xl {
   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .shadow-neutral-100\/20 {
   --tw-shadow-color: rgb(194 197 204 / 0.2);
   --tw-shadow: var(--tw-shadow-colored);
 }
 
 .ring-4 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
 .ring-zinc-300\/40 {
   --tw-ring-color: rgb(212 212 216 / 0.4);
 }
 
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
 .transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
 .transition-opacity {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
 .transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
 .duration-100 {
   transition-duration: 100ms;
 }
 
 .duration-1000 {
   transition-duration: 1000ms;
 }
 
 .duration-200 {
   transition-duration: 200ms;
 }
 
 .duration-75 {
   transition-duration: 75ms;
 }
 
 .ease-in {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
 font-family: ui-sans-serif,
 system-ui,
 -apple-system,
 BlinkMacSystemFont,
 "Segoe UI",
 Roboto,
 "Helvetica Neue",
 Arial,
 "Noto Sans",
 sans-serif,
 Apple Color Emoji,
 Segoe UI Emoji,
 NotoColorEmoji,
 Segoe UI Symbol,
 Android Emoji,
 EmojiSymbols;
 
 /* Custom CSS */
 
 .prose :where(h1):not(:where([class~="not-prose"] *)) {
   color: white !important;
 }
 
 /* Custom CSS end */
 
 :is(.dark .dark\:prose-invert) {
   --tw-prose-body: var(--tw-prose-invert-body);
   --tw-prose-headings: var(--tw-prose-invert-headings);
   --tw-prose-lead: var(--tw-prose-invert-lead);
   --tw-prose-links: var(--tw-prose-invert-links);
   --tw-prose-bold: var(--tw-prose-invert-bold);
   --tw-prose-counters: var(--tw-prose-invert-counters);
   --tw-prose-bullets: var(--tw-prose-invert-bullets);
   --tw-prose-hr: var(--tw-prose-invert-hr);
   --tw-prose-quotes: var(--tw-prose-invert-quotes);
   --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
   --tw-prose-captions: var(--tw-prose-invert-captions);
   --tw-prose-code: var(--tw-prose-invert-code);
   --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
   --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
   --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
   --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
 }
 
 @media (min-width: 768px) {
   .md\:prose-lg {
     font-size: 1.125rem;
     line-height: 1.7777778;
   }
 
   .md\:prose-lg :where(p):not(:where([class~="not-prose"] *)) {
     margin-top: 1.3333333em;
     margin-bottom: 1.3333333em;
   }
 
   .md\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
     font-size: 1.2222222em;
     line-height: 1.4545455;
     margin-top: 1.0909091em;
     margin-bottom: 1.0909091em;
   }
 
   .md\:prose-lg :where(blockquote):not(:where([class~="not-prose"] *)) {
     margin-top: 1.6666667em;
     margin-bottom: 1.6666667em;
     padding-left: 1em;
   }
 
   .md\:prose-lg :where(h1):not(:where([class~="not-prose"] *)) {
     font-size: 2.6666667em;
     margin-top: 0;
     margin-bottom: 0.8333333em;
     line-height: 1;
   }
 
   .md\:prose-lg :where(h2):not(:where([class~="not-prose"] *)) {
     font-size: 1.6666667em;
     margin-top: 1.8666667em;
     margin-bottom: 1.0666667em;
     line-height: 1.3333333;
   }
 
   .md\:prose-lg :where(h3):not(:where([class~="not-prose"] *)) {
     font-size: 1.3333333em;
     margin-top: 1.6666667em;
     margin-bottom: 0.6666667em;
     line-height: 1.5;
   }
 
   .md\:prose-lg :where(h4):not(:where([class~="not-prose"] *)) {
     margin-top: 1.7777778em;
     margin-bottom: 0.4444444em;
     line-height: 1.5555556;
   }
 
   .md\:prose-lg :where(img):not(:where([class~="not-prose"] *)) {
     margin-top: 1.7777778em;
     margin-bottom: 1.7777778em;
   }
 
   .md\:prose-lg :where(video):not(:where([class~="not-prose"] *)) {
     margin-top: 1.7777778em;
     margin-bottom: 1.7777778em;
   }
 
   .md\:prose-lg :where(figure):not(:where([class~="not-prose"] *)) {
     margin-top: 1.7777778em;
     margin-bottom: 1.7777778em;
   }
 
   .md\:prose-lg :where(figure > *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
     margin-bottom: 0;
   }
 
   .md\:prose-lg :where(figcaption):not(:where([class~="not-prose"] *)) {
     font-size: 0.8888889em;
     line-height: 1.5;
     margin-top: 1em;
   }
 
   .md\:prose-lg :where(code):not(:where([class~="not-prose"] *)) {
     font-size: 0.8888889em;
   }
 
   .md\:prose-lg :where(h2 code):not(:where([class~="not-prose"] *)) {
     font-size: 0.8666667em;
   }
 
   .md\:prose-lg :where(h3 code):not(:where([class~="not-prose"] *)) {
     font-size: 0.875em;
   }
 
   .md\:prose-lg :where(pre):not(:where([class~="not-prose"] *)) {
     font-size: 0.8888889em;
     line-height: 1.75;
     margin-top: 2em;
     margin-bottom: 2em;
     border-radius: 0.375rem;
     padding-top: 1em;
     padding-right: 1.5em;
     padding-bottom: 1em;
     padding-left: 1.5em;
   }
 
   .md\:prose-lg :where(ol):not(:where([class~="not-prose"] *)) {
     margin-top: 1.3333333em;
     margin-bottom: 1.3333333em;
     padding-left: 1.5555556em;
   }
 
   .md\:prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
     margin-top: 1.3333333em;
     margin-bottom: 1.3333333em;
     padding-left: 1.5555556em;
   }
 
   .md\:prose-lg :where(li):not(:where([class~="not-prose"] *)) {
     margin-top: 0.6666667em;
     margin-bottom: 0.6666667em;
   }
 
   .md\:prose-lg :where(ol > li):not(:where([class~="not-prose"] *)) {
     padding-left: 0.4444444em;
   }
 
   .md\:prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
     padding-left: 0.4444444em;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
     margin-top: 0.8888889em;
     margin-bottom: 0.8888889em;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 1.3333333em;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 1.3333333em;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 1.3333333em;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 1.3333333em;
   }
 
   .md\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
     margin-top: 0.8888889em;
     margin-bottom: 0.8888889em;
   }
 
   .md\:prose-lg :where(hr):not(:where([class~="not-prose"] *)) {
     margin-top: 3.1111111em;
     margin-bottom: 3.1111111em;
   }
 
   .md\:prose-lg :where(hr + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .md\:prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .md\:prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .md\:prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .md\:prose-lg :where(table):not(:where([class~="not-prose"] *)) {
     font-size: 0.8888889em;
     line-height: 1.5;
   }
 
   .md\:prose-lg :where(thead th):not(:where([class~="not-prose"] *)) {
     padding-right: 0.75em;
     padding-bottom: 0.75em;
     padding-left: 0.75em;
   }
 
   .md\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
     padding-left: 0;
   }
 
   .md\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
     padding-right: 0;
   }
 
   .md\:prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
     padding-top: 0.75em;
     padding-right: 0.75em;
     padding-bottom: 0.75em;
     padding-left: 0.75em;
   }
 
   .md\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
     padding-left: 0;
   }
 
   .md\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
     padding-right: 0;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .md\:prose-lg :where(.md\:prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 0;
   }
 }
 
 @media (min-width: 1024px) {
   .lg\:prose-xl {
     font-size: 1.25rem;
     line-height: 1.8;
   }
 
   .lg\:prose-xl :where(p):not(:where([class~="not-prose"] *)) {
     margin-top: 1.2em;
     margin-bottom: 1.2em;
   }
 
   .lg\:prose-xl :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
     font-size: 1.2em;
     line-height: 1.5;
     margin-top: 1em;
     margin-bottom: 1em;
   }
 
   .lg\:prose-xl :where(blockquote):not(:where([class~="not-prose"] *)) {
     margin-top: 1.6em;
     margin-bottom: 1.6em;
     padding-left: 1.0666667em;
   }
 
   .lg\:prose-xl :where(h1):not(:where([class~="not-prose"] *)) {
     font-size: 2.8em;
     margin-top: 0;
     margin-bottom: 0.8571429em;
     line-height: 1;
   }
 
   .lg\:prose-xl :where(h2):not(:where([class~="not-prose"] *)) {
     font-size: 1.8em;
     margin-top: 1.5555556em;
     margin-bottom: 0.8888889em;
     line-height: 1.1111111;
   }
 
   .lg\:prose-xl :where(h3):not(:where([class~="not-prose"] *)) {
     font-size: 1.5em;
     margin-top: 1.6em;
     margin-bottom: 0.6666667em;
     line-height: 1.3333333;
   }
 
   .lg\:prose-xl :where(h4):not(:where([class~="not-prose"] *)) {
     margin-top: 1.8em;
     margin-bottom: 0.6em;
     line-height: 1.6;
   }
 
   .lg\:prose-xl :where(img):not(:where([class~="not-prose"] *)) {
     margin-top: 2em;
     margin-bottom: 2em;
   }
 
   .lg\:prose-xl :where(video):not(:where([class~="not-prose"] *)) {
     margin-top: 2em;
     margin-bottom: 2em;
   }
 
   .lg\:prose-xl :where(figure):not(:where([class~="not-prose"] *)) {
     margin-top: 2em;
     margin-bottom: 2em;
   }
 
   .lg\:prose-xl :where(figure > *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
     margin-bottom: 0;
   }
 
   .lg\:prose-xl :where(figcaption):not(:where([class~="not-prose"] *)) {
     font-size: 0.9em;
     line-height: 1.5555556;
     margin-top: 1em;
   }
 
   .lg\:prose-xl :where(code):not(:where([class~="not-prose"] *)) {
     font-size: 0.9em;
   }
 
   .lg\:prose-xl :where(h2 code):not(:where([class~="not-prose"] *)) {
     font-size: 0.8611111em;
   }
 
   .lg\:prose-xl :where(h3 code):not(:where([class~="not-prose"] *)) {
     font-size: 0.9em;
   }
 
   .lg\:prose-xl :where(pre):not(:where([class~="not-prose"] *)) {
     font-size: 0.9em;
     line-height: 1.7777778;
     margin-top: 2em;
     margin-bottom: 2em;
     border-radius: 0.5rem;
     padding-top: 1.1111111em;
     padding-right: 1.3333333em;
     padding-bottom: 1.1111111em;
     padding-left: 1.3333333em;
   }
 
   .lg\:prose-xl :where(ol):not(:where([class~="not-prose"] *)) {
     margin-top: 1.2em;
     margin-bottom: 1.2em;
     padding-left: 1.6em;
   }
 
   .lg\:prose-xl :where(ul):not(:where([class~="not-prose"] *)) {
     margin-top: 1.2em;
     margin-bottom: 1.2em;
     padding-left: 1.6em;
   }
 
   .lg\:prose-xl :where(li):not(:where([class~="not-prose"] *)) {
     margin-top: 0.6em;
     margin-bottom: 0.6em;
   }
 
   .lg\:prose-xl :where(ol > li):not(:where([class~="not-prose"] *)) {
     padding-left: 0.4em;
   }
 
   .lg\:prose-xl :where(ul > li):not(:where([class~="not-prose"] *)) {
     padding-left: 0.4em;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > ul > li p):not(:where([class~="not-prose"] *)) {
     margin-top: 0.8em;
     margin-bottom: 0.8em;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 1.2em;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 1.2em;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 1.2em;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 1.2em;
   }
 
   .lg\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
     margin-top: 0.8em;
     margin-bottom: 0.8em;
   }
 
   .lg\:prose-xl :where(hr):not(:where([class~="not-prose"] *)) {
     margin-top: 2.8em;
     margin-bottom: 2.8em;
   }
 
   .lg\:prose-xl :where(hr + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .lg\:prose-xl :where(h2 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .lg\:prose-xl :where(h3 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .lg\:prose-xl :where(h4 + *):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .lg\:prose-xl :where(table):not(:where([class~="not-prose"] *)) {
     font-size: 0.9em;
     line-height: 1.5555556;
   }
 
   .lg\:prose-xl :where(thead th):not(:where([class~="not-prose"] *)) {
     padding-right: 0.6666667em;
     padding-bottom: 0.8888889em;
     padding-left: 0.6666667em;
   }
 
   .lg\:prose-xl :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
     padding-left: 0;
   }
 
   .lg\:prose-xl :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
     padding-right: 0;
   }
 
   .lg\:prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
     padding-top: 0.8888889em;
     padding-right: 0.6666667em;
     padding-bottom: 0.8888889em;
     padding-left: 0.6666667em;
   }
 
   .lg\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
     padding-left: 0;
   }
 
   .lg\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
     padding-right: 0;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > :first-child):not(:where([class~="not-prose"] *)) {
     margin-top: 0;
   }
 
   .lg\:prose-xl :where(.lg\:prose-xl > :last-child):not(:where([class~="not-prose"] *)) {
     margin-bottom: 0;
   }
 }
 
 .hover\:bg-black:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-gray-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-indigo-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(55 48 163 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(204 117 255 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(106 0 168 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-primary-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(51 0 81 / var(--tw-bg-opacity));
 }
 
 .hover\:text-black:hover {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
 .hover\:text-gray-300:hover {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
 .hover\:text-primary-600:hover {
   --tw-text-opacity: 1;
   color: rgb(106 0 168 / var(--tw-text-opacity));
 }
 
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
 
 .focus\:border-indigo-500:focus {
   --tw-border-opacity: 1;
   border-color: rgb(99 102 241 / var(--tw-border-opacity));
 }
 
 .focus\:border-transparent:focus {
   border-color: transparent;
 }
 
 .focus\:bg-primary-600:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(106 0 168 / var(--tw-bg-opacity));
 }
 
 .focus\:bg-primary-700:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(74 0 117 / var(--tw-bg-opacity));
 }
 
 .focus\:text-white:focus {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
 .focus\:ring-2:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
 .focus\:ring-4:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
 .focus\:ring-gray-200:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-indigo-300:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-indigo-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-primary-300:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(186 66 255 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-white:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-offset-2:focus {
   --tw-ring-offset-width: 2px;
 }
 
 .focus\:ring-offset-primary-500:focus {
   --tw-ring-offset-color: #8B00DB;
 }
 
 .group:hover .group-hover\:bg-gray-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:text-gray-400\/60 {
   color: rgb(156 163 175 / 0.6);
 }
 
 .group:hover .group-hover\:opacity-50 {
   opacity: 0.5;
 }
 
 .group:focus .group-focus\:opacity-70 {
   opacity: 0.7;
 }
 
 .prose-headings\:underline :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"] *))) {
   text-decoration-line: underline;
 }
 
 .prose-a\:text-blue-600 :is(:where(a):not(:where([class~="not-prose"] *))) {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
 
 .hover\:prose-a\:text-blue-500 :is(:where(a):not(:where([class~="not-prose"] *))):hover {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
 .prose-img\:rounded-xl :is(:where(img):not(:where([class~="not-prose"] *))) {
   border-radius: 0.75rem;
 }
 
 :is(.dark .dark\:border-gray-600) {
   --tw-border-opacity: 1;
   border-color: rgb(75 85 99 / var(--tw-border-opacity));
 }
 
 :is(.dark .dark\:bg-gray-700) {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:bg-gray-800) {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:bg-gray-900) {
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:bg-gray-900\/10) {
   background-color: rgb(17 24 39 / 0.1);
 }
 
 :is(.dark .dark\:bg-gray-900\/50) {
   background-color: rgb(17 24 39 / 0.5);
 }
 
 :is(.dark .dark\:bg-indigo-600) {
   --tw-bg-opacity: 1;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:text-gray-200) {
   --tw-text-opacity: 1;
   color: rgb(229 231 235 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-gray-300) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-gray-400) {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-gray-50) {
   --tw-text-opacity: 1;
   color: rgb(249 250 251 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-gray-900\/60) {
   color: rgb(17 24 39 / 0.6);
 }
 
 :is(.dark .dark\:text-primary-100) {
   --tw-text-opacity: 1;
   color: rgb(223 168 255 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-primary-300) {
   --tw-text-opacity: 1;
   color: rgb(186 66 255 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-primary-400) {
   --tw-text-opacity: 1;
   color: rgb(167 15 255 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-white) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:text-zinc-200) {
   --tw-text-opacity: 1;
   color: rgb(228 228 231 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:placeholder-gray-400)::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity));
 }
 
 :is(.dark .dark\:placeholder-gray-400)::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity));
 }
 
 :is(.dark .dark\:shadow-neutral-800\/40) {
   --tw-shadow-color: rgb(30 32 36 / 0.4);
   --tw-shadow: var(--tw-shadow-colored);
 }
 
 :is(.dark .dark\:ring-gray-900\/40) {
   --tw-ring-color: rgb(17 24 39 / 0.4);
 }
 
 :is(.dark .dark\:invert) {
   --tw-invert: invert(100%);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
 :is(.dark .dark\:hover\:bg-gray-700:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:hover\:bg-indigo-700:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(67 56 202 / var(--tw-bg-opacity));
 }
 
 :is(.dark .dark\:hover\:text-primary-500:hover) {
   --tw-text-opacity: 1;
   color: rgb(139 0 219 / var(--tw-text-opacity));
 }
 
 :is(.dark .dark\:focus\:border-indigo-500:focus) {
   --tw-border-opacity: 1;
   border-color: rgb(99 102 241 / var(--tw-border-opacity));
 }
 
 :is(.dark .dark\:focus\:ring-gray-700:focus) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
 }
 
 :is(.dark .dark\:focus\:ring-indigo-500:focus) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
 }
 
 :is(.dark .dark\:focus\:ring-indigo-800:focus) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(55 48 163 / var(--tw-ring-opacity));
 }
 
 :is(.dark .dark\:focus\:ring-primary-900:focus) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(29 0 46 / var(--tw-ring-opacity));
 }
 
 @media (min-width: 640px) {
   .sm\:relative {
     position: relative;
   }
 
   .sm\:col-span-2 {
     grid-column: span 2 / span 2;
   }
 
   .sm\:mx-auto {
     margin-left: auto;
     margin-right: auto;
   }
 
   .sm\:-mt-32 {
     margin-top: -8rem;
   }
 
   .sm\:mb-0 {
     margin-bottom: 0px;
   }
 
   .sm\:mb-6 {
     margin-bottom: 1.5rem;
   }
 
   .sm\:mt-0 {
     margin-top: 0px;
   }
 
   .sm\:mt-12 {
     margin-top: 3rem;
   }
 
   .sm\:mt-4 {
     margin-top: 1rem;
   }
 
   .sm\:block {
     display: block;
   }
 
   .sm\:flex {
     display: flex;
   }
 
   .sm\:h-2\/3 {
     height: 66.666667%;
   }
 
+  .sm\:h-full {
+    height: 100%;
+  }
+
   .sm\:w-fit {
     width: -moz-fit-content;
     width: fit-content;
   }
 
   .sm\:max-w-3xl {
     max-width: 48rem;
   }
 
   .sm\:max-w-lg {
     max-width: 32rem;
   }
 
   .sm\:max-w-xl {
     max-width: 36rem;
   }
 
   .sm\:px-0 {
     padding-left: 0px;
     padding-right: 0px;
   }
 
   .sm\:px-10 {
     padding-left: 2.5rem;
     padding-right: 2.5rem;
   }
 
   .sm\:px-12 {
     padding-left: 3rem;
     padding-right: 3rem;
   }
 
   .sm\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
   .sm\:py-20 {
     padding-top: 5rem;
     padding-bottom: 5rem;
   }
 
   .sm\:py-8 {
     padding-top: 2rem;
     padding-bottom: 2rem;
   }
 
   .sm\:pt-6 {
     padding-top: 1.5rem;
   }
 
   .sm\:text-center {
     text-align: center;
   }
 
+  .sm\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
   .sm\:text-4xl {
     font-size: 2.25rem;
     line-height: 2.5rem;
   }
 
   .sm\:text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width: 768px) {
   .md\:sticky {
     position: sticky;
   }
 
   .md\:-mt-1 {
     margin-top: -0.25rem;
   }
 
   .md\:ml-2 {
     margin-left: 0.5rem;
   }
 
   .md\:ml-4 {
     margin-left: 1rem;
   }
 
   .md\:mt-0 {
     margin-top: 0px;
   }
 
   .md\:mt-12 {
     margin-top: 3rem;
   }
 
   .md\:mt-16 {
     margin-top: 4rem;
   }
 
   .md\:mt-8 {
     margin-top: 2rem;
   }
 
+  .md\:mt-24 {
+    margin-top: 6rem;
+  }
+
+  .md\:mt-32 {
+    margin-top: 8rem;
+  }
+
+  .md\:mt-64 {
+    margin-top: 16rem;
+  }
+
   .md\:inline {
     display: inline;
   }
 
   .md\:flex {
     display: flex;
   }
 
   .md\:hidden {
     display: none;
   }
 
   .md\:h-6 {
     height: 1.5rem;
   }
 
   .md\:w-48 {
     width: 12rem;
   }
 
   .md\:w-6 {
     width: 1.5rem;
   }
 
   .md\:w-auto {
     width: auto;
   }
 
   .md\:w-screen {
     width: 100vw;
   }
 
   .md\:max-w-sm {
     max-width: 24rem;
   }
 
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
+  .md\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .md\:flex-row {
     flex-direction: row;
   }
 
   .md\:items-center {
     align-items: center;
   }
 
   .md\:justify-end {
     justify-content: flex-end;
   }
 
   .md\:justify-between {
     justify-content: space-between;
   }
 
   .md\:px-1 {
     padding-left: 0.25rem;
     padding-right: 0.25rem;
   }
 
   .md\:px-1\.5 {
     padding-left: 0.375rem;
     padding-right: 0.375rem;
   }
 
   .md\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
   .md\:py-12 {
     padding-top: 3rem;
     padding-bottom: 3rem;
   }
 
   .md\:pb-0 {
     padding-bottom: 0px;
   }
 
   .md\:pb-16 {
     padding-bottom: 4rem;
   }
 
   .md\:pt-12 {
     padding-top: 3rem;
   }
 
   .md\:pt-24 {
     padding-top: 6rem;
   }
 
   .md\:text-4xl {
     font-size: 2.25rem;
     line-height: 2.5rem;
   }
 
   .md\:text-5xl {
     font-size: 3rem;
     line-height: 1;
   }
 
   .md\:text-lg {
     font-size: 1.125rem;
     line-height: 1.75rem;
   }
 }
 
 @media (min-width: 1024px) {
   .lg\:absolute {
     position: absolute;
   }
 
   .lg\:relative {
     position: relative;
   }
 
   .lg\:inset-y-0 {
     top: 0px;
     bottom: 0px;
   }
 
   .lg\:-right-8 {
     right: -2rem;
   }
 
   .lg\:left-0 {
     left: 0px;
   }
 
   .lg\:left-80 {
     left: 20rem;
   }
 
   .lg\:left-auto {
     left: auto;
   }
 
   .lg\:right-0 {
     right: 0px;
   }
 
   .lg\:right-72 {
     right: 18rem;
   }
 
   .lg\:top-12 {
     top: 3rem;
   }
 
   .lg\:m-0 {
     margin: 0px;
   }
 
   .lg\:mx-0 {
     margin-left: 0px;
     margin-right: 0px;
   }
 
   .lg\:mx-auto {
     margin-left: auto;
     margin-right: auto;
   }
 
   .lg\:mb-0 {
     margin-bottom: 0px;
   }
 
   .lg\:mb-16 {
     margin-bottom: 4rem;
   }
 
   .lg\:mb-4 {
     margin-bottom: 1rem;
   }
 
   .lg\:mt-0 {
     margin-top: 0px;
   }
 
   .lg\:flex {
     display: flex;
   }
 
   .lg\:grid {
     display: grid;
   }
 
   .lg\:h-96 {
     height: 24rem;
   }
 
   .lg\:h-full {
     height: 100%;
   }
 
   .lg\:w-1\/2 {
     width: 50%;
   }
 
   .lg\:w-auto {
     width: auto;
   }
 
   .lg\:w-full {
     width: 100%;
   }
 
   .lg\:w-screen {
     width: 100vw;
   }
 
   .lg\:max-w-7xl {
     max-width: 80rem;
   }
 
   .lg\:max-w-none {
     max-width: none;
   }
 
   .lg\:grid-cols-12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
 
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
   .lg\:items-start {
     align-items: flex-start;
   }
 
   .lg\:items-center {
     align-items: center;
   }
 
   .lg\:gap-12 {
     gap: 3rem;
   }
 
   .lg\:gap-24 {
     gap: 6rem;
   }
 
   .lg\:px-0 {
     padding-left: 0px;
     padding-right: 0px;
   }
 
   .lg\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
   }
 
   .lg\:py-0 {
     padding-top: 0px;
     padding-bottom: 0px;
   }
 
   .lg\:py-16 {
     padding-top: 4rem;
     padding-bottom: 4rem;
   }
 
   .lg\:py-20 {
     padding-top: 5rem;
     padding-bottom: 5rem;
   }
 
   .lg\:pb-16 {
     padding-bottom: 4rem;
   }
 
   .lg\:pb-24 {
     padding-bottom: 6rem;
   }
 
   .lg\:pl-12 {
     padding-left: 3rem;
   }
 
   .lg\:pt-12 {
     padding-top: 3rem;
   }
 
   .lg\:pt-20 {
     padding-top: 5rem;
   }
 
   .lg\:text-left {
     text-align: left;
   }
 
   .lg\:text-7xl {
     font-size: 4.5rem;
     line-height: 1;
   }
 }
 
 @media (min-width: 1280px) {
   .xl\:mb-2 {
     margin-bottom: 0.5rem;
   }
 
   .xl\:text-6xl {
     font-size: 3.75rem;
     line-height: 1;
   }
 
   .xl\:text-9xl {
     font-size: 8rem;
     line-height: 1;
   }
 
   .xl\:text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
 }
\ No newline at end of file
diff --git a/assets/images/global/logos/EN_Funded_by_European_Union_vert_RGB_NEG.png b/assets/images/global/logos/EN_Funded_by_European_Union_vert_RGB_NEG.png
new file mode 100644
index 0000000..d9f147b
Binary files /dev/null and b/assets/images/global/logos/EN_Funded_by_European_Union_vert_RGB_NEG.png differ
diff --git a/assets/images/global/logos/EN_Funded_by_European_Union_vert_RGB_POS.png b/assets/images/global/logos/EN_Funded_by_European_Union_vert_RGB_POS.png
new file mode 100644
index 0000000..136e172
Binary files /dev/null and b/assets/images/global/logos/EN_Funded_by_European_Union_vert_RGB_POS.png differ
diff --git a/assets/images/global/logos/EN_Funded_by_the_European_Union_RGB_NEG.png b/assets/images/global/logos/EN_Funded_by_the_European_Union_RGB_NEG.png
new file mode 100644
index 0000000..1e0d10d
Binary files /dev/null and b/assets/images/global/logos/EN_Funded_by_the_European_Union_RGB_NEG.png differ
diff --git a/assets/images/global/logos/EN_Funded_by_the_European_Union_RGB_POS.png b/assets/images/global/logos/EN_Funded_by_the_European_Union_RGB_POS.png
new file mode 100644
index 0000000..24481da
Binary files /dev/null and b/assets/images/global/logos/EN_Funded_by_the_European_Union_RGB_POS.png differ
diff --git a/assets/images/global/logos/ESA_logo_2020_Deep.png b/assets/images/global/logos/ESA_logo_2020_Deep.png
new file mode 100644
index 0000000..a0b9b63
Binary files /dev/null and b/assets/images/global/logos/ESA_logo_2020_Deep.png differ
diff --git a/assets/images/global/logos/ESA_logo_2020_White.png b/assets/images/global/logos/ESA_logo_2020_White.png
new file mode 100644
index 0000000..bf8e5d6
Binary files /dev/null and b/assets/images/global/logos/ESA_logo_2020_White.png differ
diff --git a/assets/images/global/logos/Greece20.png b/assets/images/global/logos/Greece20.png
new file mode 100644
index 0000000..beb8dd8
Binary files /dev/null and b/assets/images/global/logos/Greece20.png differ
diff --git a/assets/images/global/logos/Prisma_logo.png b/assets/images/global/logos/Prisma_logo.png
new file mode 100644
index 0000000..4160d66
Binary files /dev/null and b/assets/images/global/logos/Prisma_logo.png differ
diff --git a/assets/images/global/logos/auth-red.png b/assets/images/global/logos/auth-red.png
new file mode 100644
index 0000000..d19361e
Binary files /dev/null and b/assets/images/global/logos/auth-red.png differ
diff --git a/assets/images/global/logos/auth-white.png b/assets/images/global/logos/auth-white.png
new file mode 100644
index 0000000..43863cd
Binary files /dev/null and b/assets/images/global/logos/auth-white.png differ
diff --git a/assets/images/global/logos/ministry.png b/assets/images/global/logos/ministry.png
new file mode 100644
index 0000000..5888a16
Binary files /dev/null and b/assets/images/global/logos/ministry.png differ
diff --git a/content/about.md b/content/about.md
index f999d0b..5d9faab 100644
--- a/content/about.md
+++ b/content/about.md
@@ -1,10 +1,26 @@
 ---
 title: "About"
 date: 2021-12-18T11:10:36+08:00
 draft: false
 language: en
 description: About Us
-featured_image: ../assets/images/featured/featured-img-placeholder.png
+featured_image: ../assets/images/pages/peaksat_render.png
 ---
 
-Hello, let's add some content here.
\ No newline at end of file
+Satellite optical communication systems seek to address the limitations of radio frequency communications. Laser communication allows for bandwidths unreachable with other wireless, long-distance communication technologies. Due to the narrow beam divergence, laser communications are secure, and further so when combined with Quantum Key Distribution. Moreover, the optical bands are licence-free compared to the overcrowded RF spectrum.
+
+<!-- In recent years, the European Union has demonstrated a commitment to developing secure quantum communications, using satellite-based optical communication systems through the EuroQCI declaration. ESA member states also support the need to improve infrastructure capacities for optical communication, as declared in Resolution No 4 of the 2022 Council Meeting at Ministerial Level. -->
+
+In Greece, an effort to establish a national network of optical ground stations was initiated recently. This has led to the kick-off of the “HellasQCI” project, co-funded by the European Commission and the Hellenic Republic. Three sites have been identified ass for the development of optical ground stations as part of “HellasQCI”, with one of them being the Holomondas Astronomical Station, owned by the Aristotle University of Thessaloniki (AUTh). Within HellasQCI, the Holomondas OGS is planned to operate as a permanent end node (HellasQCI-North), enabling Quantum Secure Communication from Thessaloniki to Athens and Heraklion in Greece or other sites in Europe.
+ 
+<!-- Another station of the HellasQCI project, the Chelmos station has successfully demonstrated an optical link with the geostationary satellite AlphaSat. Under a separate activity, Chelmos is expected to be upgraded for LEO tracking and communication within 2024. -->
+
+A dedicated space segment, designed to operate and evaluate the existing HellasQCI nodes would provide invaluable expertise to Greek OGS owners, operators and stakeholders, accelerating the development of HellasOCI and closing the loop of expertise development for satellite-based optical communications in Greece. A dedicated CubeSat mission, hosting an optical communications payload is an ideal platform for this venture.
+
+The main purpose of the mission would be to demonstrate the OGS network’s capabilities to communicate with satellites in Low Earth Orbit, by successfully achieving an optical link with the Holomondas and Chelmos stations. However, it would also demonstrate the ability of Greek academia and industry for building and operating an end-to-end optical space communications system, which is instrumental for further advancing HellasQCI. Finally, the expertise gained by operating both the space and ground segments would pave the way for participation in future missions and advanced concepts, adding to Europe’s pool of expertise on satellite-based laser communications.
+
+The mission envisioned to achieve these outcomes is PeakSat, a 3U CubeSat mission that will be designed and assembled at AUTh. The mission is centred around the demonstration of advanced optical communications technology for both downlink and uplink, using the CubeSat platform. PeakSat will be composed primarily of COTS components with the inclusion of some in-house components. These in-house components can be used to create a completely reusable platform for CubeSat-based optical communications in the future.
+
+## Key Participants
+
+The Principal Investigator of PeakSat is [Prof. Alkiviadis Hatzopoulos](https://ee.auth.gr/en/school/faculty-staff/electronics-computers-department/hatzopoulos-alkiviadis/) and the Co-PI is [Prof. Kleomenis Tsiganis](https://www.physics.auth.gr/en/people/13), responsible for the Holomondas OGS development. They are faculty members of the Aristotle University of Thessaloniki, in the Electronics Laboratory of the [School of Electrical and Computer Engineering](https://ee.auth.gr/) and the Section of Astrophysics, Astronomy & Mechanics of the [School of Physics](https://www.physics.auth.gr/en), respectively. The two sections have coordinated their efforts towards a research proposal for an Optical Communications CubeSat mission built and operated by AUTh. For PeakSat, the Aristotle University of Thessaloniki will collaborate with [Prisma Electronics SA](https://www.prismaelectronics.eu/index.php/en/), a hi-tech company based in Greece with space heritage.
diff --git a/content/posts/peaksat-selected.md b/content/posts/peaksat-selected.md
index 72a7504..0ae6126 100644
--- a/content/posts/peaksat-selected.md
+++ b/content/posts/peaksat-selected.md
@@ -1,24 +1,24 @@
 ---
 title: "PeakSAT Selected to be one of 13 Greek CubeSats"
 date: 2023-09-01T09:00:00+03:00
 draft: false
 language: en
 featured_image: ../assets/images/featured/featured-img-placeholder.png
-summary: AUTh kicks-off the "PeakSAT" project to advance optical satellite communication from Low Earth Orbit to the Cholomondas station, as part of the _Greek CubeSats In-Orbit Validation Projects_ by ESA.
+summary: AUTh kicks-off the "PeakSAT" project to advance optical satellite communication from Low Earth Orbit to the Cholomondas station, as part of the Greek CubeSats In-Orbit Validation Projects programme by ESA.
 description: The Aristotle University of Thessaloniki kicks-off the "PeakSAT" nanosatellite project to advance optical satellite communication from Low Earth Orbit to the Cholomondas station, as part of the _Greek CubeSats In-Orbit Validation Projects_ programme by the European Space Agency.
 author: SpaceDot
 authorimage: ../assets/images/global/spacedot_circle.svg
 categories: News
 tags: News
 ---
 
 The Aristotle University of Thessaloniki takes another big step in expanding its space activities through the launch of the project for the construction and launch of the "PeakSAT" nanosatellite. Following a series of programmes in the space sector, the university will use existing infrastructure and expertise to develop state-of-the-art technologies through the new satellite.  
 
 The mission is based on the Cholomondas optical satellite communications station in Taxiarchis, Halkidiki. The Cholomondas astronomical station, managed by the Department of Theoretical Mechanics of the School of Physics, has been selected to be one of the three nodes of the HellasQCI network. The aim of the network is to connect the metropolitan cities of Greece to a quantum communications network, part of the corresponding European EuroQCI network. The optical satellite communications station is under construction and when completed will perform optical links with satellite systems. 
 
 The SpaceDot research group of the Electronics Laboratory at the Department of Electrical and Computer Engineering plays a key role in the implementation of the project. SpaceDot, through its participation in the European Space Agency's "Fly Your Satellite! 3" programme with the AcubeSAT nanosatellite, has nurtured students' skills in nanosatellite design and construction. SpaceDot has in recent years created an incubator of space-related engineers and scientists, with more than 60 active members today.
 
 The aim of the new PeakSAT nano-satellite is to demonstrate optical satellite links from Low Earth Orbit to the Cholomondas station. Optical satellite communications in these orbits is a field that is under continuous development and is becoming increasingly necessary in modern times. Optical signals can transfer significantly more data between space and ground compared to conventional radio networks, as the increased bandwidth and focused beams used can achieve substantial increases in data rate. On the other hand, there are objective challenges that this technology has to address. Achieving links at altitudes above 500km is extremely difficult, as it requires the optical terminal to be aligned with the lens of the base station while the satellite is moving at a speed of 8 km/second.
 
 Following the submission of the Aristotle University proposal, the consortium was accepted in March 2023 to participate in the _Greek CubeSats In-Orbit Validation Projects_ programme by the European Space Agency.
 The kick-off of the new satellite development programme took place in April, and the project is currently in its fifth month.
\ No newline at end of file
diff --git a/hugo.yaml b/hugo.yaml
index 84a30b5..3c6eabd 100644
--- a/hugo.yaml
+++ b/hugo.yaml
@@ -1,163 +1,151 @@
 baseURL: ''
 title: PeakSAT
 languageCode: en-us
 DefaultContentLanguage: en
 enableEmoji: true
 enableGitInfo: true
 enableRobotsTXT: true
 canonifyURLs: true
 paginate: 9
 darkmode_js:
   - assets/js/darkmode.js
 enableInlineShortcodes: true
 
 markup:
   goldmark:
     extensions:
       definitionList: true
       footnote: true
       linkify: true
       linkifyProtocol: https
       strikethrough: true
       table: true
       taskList: true
       typographer:
         apostrophe: '&rsquo;'
         disable: false
         ellipsis: '&hellip;'
         emDash: '&mdash;'
         enDash: '&ndash;'
         leftAngleQuote: '&laquo;'
         leftDoubleQuote: '&ldquo;'
         leftSingleQuote: '&lsquo;'
         rightAngleQuote: '&raquo;'
         rightDoubleQuote: '&rdquo;'
         rightSingleQuote: '&rsquo;'
     parser:
       attribute:
         block: false
         title: true
       autoHeadingID: true
       autoHeadingIDType: github
       wrapStandAloneImageWithinParagraph: true
     renderer:
       hardWraps: false
       unsafe: true
       xhtml: false
 
 params:
   author: SpaceDot
   authorimage: ../assets/images/global/author.webp
   og_image: /images/tailbliss-cover.png
   moto: "A 3U Optical Communications Mission"
   description: "Started in 2023, PeakSAT is a 3U CubeSat mission designed in the Aristotle University of Thessaloniki. It aims to demonstrate the capability of performing laser links with Optical Ground Stations in Greece, and to pave the way for a space-based quantum communications network."
   disable_theme_toggle: false
   disable_stay_uptodate: false
 
   p1:
     heading: "Find us at TIF!"
     image: "images/pages/event_1.jpg"
     content:
       - text: "AcubeSAT and PeakSAT will be present at the Thessaloniki International Fair (TIF) from **9 to 17 September 2023**. Come visit us at the `akademia` pavilion **(Pavilion 14, AUTh stand)** to learn more about our missions and our projects."
   p2:
     heading: "The mission"
     image: "images/global/peaksat_patch_draft_purple.png"
     content:
       - text: "PeakSAT is a 3U CubeSat mission that is being designed and developed at the Aristotle University of Thessaloniki. The mission is centred around the demonstration of advanced optical communications technology for both downlink and uplink, using the CubeSat platform."      
       - text: PeakSAT will be composed of COTS components, with the inclusion of some in-house developments and an optical terminal as a payload. The mission aims to achieve a 1 Gbps downlink at C-band and 100 Mbps uplink at L-band with the Holomondas Observatory in Halkidiki.
-  p3:
-    heading: "Backed by world-renowned investors"
-    content:
-      - text: "Sagittis scelerisque nulla cursus in enim consectetur quam. Dictum urna sed consectetur neque tristique pellentesque. Blandit amet, sed aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae fames senectus vitae."
-    links:
-      - text: Meet our investors and advisors
-        url: "#"
-
   p4:
     heading: "News"
     content:
       - text: "Updates from the development of PeakSat"
 
   social_media:
     github:
       enabled: false
       url: 'https://github.com/peaksat'
     facebook:
       enabled: true
       url: 'https://www.facebook.com/spacedot.auth/'
     instagram:
       enabled: true
       url: 'https://www.instagram.com/spacedot.auth/'
     linkedin:
       enabled: true
       url: 'https://www.linkedin.com/company/spacedot/'
     
 
 menu:
   main:
-    - identifier: prose
-      name: Prose
-      url: /prose/
-      weight: 10
     - identifier: about
       name: About
       url: /about/
       weight: 20
-    - identifier: categories
-      pre: dropdown
-      name: Categories
+    - identifier: news
+      name: News
+      url: /categories/news/
       weight: 30
-    - identifier: dropdown
-      pre: complexdropdown
-      name: Dropdown
-      weight: 40
-    - identifier: contact
-      name: Contact
-      url: /contact/
+    - identifier: spacedot
+      name: SpaceDot »
       weight: 50
+      url: https://spacedot.gr/
+    - identifier: acubesat
+      name: AcubeSAT »
+      url: https://acubesat.spacedot.gr/
+      weight: 40
   footer:
     - identifier: about
       name: About
       url: /about/
       weight: 10
     - identifier: news
       name: News
       url: /categories/news/
       weight: 30
 
 markup:
   goldmark:
     renderer:
       unsafe: true
 
 taxonomies:
   category: Categories
   tag: Tags
 
 privacy:
   disqus:
     disable: false
   googleAnalytics:
     anonymizeIP: true
     disable: false
     respectDoNotTrack: false
     useSessionStorage: false
   instagram:
     disable: false
     simple: false
   twitter:
     disable: false
     enableDNT: false
     simple: false
   vimeo:
     disable: false
     enableDNT: false
     simple: false
   youtube:
     disable: false
     privacyEnhanced: true
 
 module:
   hugoVersion:
     extended: true
     min: "0.104.0"
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index 14e0a1b..18c9701 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,333 +1,417 @@
 {{ define "main" }}
 <main>
     <div class="bg-gray-200 dark:bg-gray-900">
         <div class="max-w-screen-xl px-4 py-8 mx-auto">
             <div class="grid items-center gap-8 mb-8 sm:mb-0 lg:gap-12 lg:grid-cols-12">
                 <div class="col-span-6 px-4 text-center sm:mb-6 lg:text-left lg:mb-0">
                     <h1
                         class="mb-2 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl xl:text-6xl dark:text-white">
                         {{ .Site.Title }}
                     </h1>
                     <h2 class="pb-2 text-3xl font-light text-gray-800 dark:text-gray-300 md:text-4xl">
                         {{ .Site.Params.Moto }}
                     </h2>
                     <p
                         class="max-w-xl mx-auto mb-6 font-normal text-gray-900 lg:mx-0 xl:mb-2 md:text-lg xl:text-xl dark:text-gray-50">
                         {{ .Site.Params.Description}}
                     </p>
                 </div>
                 <div class="col-span-6">
                     {{ $hero := resources.GetMatch "images/pages/peaksat_render.png" }}
 
                     {{ $thumb := ($hero.Resize "x400 webp q100") }}
                     {{ $large := ($hero.Resize "x576 webp q100") }}
 
                     <img srcset="
                         {{- with $thumb.RelPermalink -}}{{.}} 400h{{- end -}}
                         {{- with $large.RelPermalink -}}, {{.}} 576h{{- end -}}" src="{{ $hero.RelPermalink }}"
                         width="100%" height="" alt="Render of PeakSAT" class="w-full max-w-xl mx-auto rounded-lg" />
                 </div>
             </div>
         </div>
     </div>
 
     <!-- More main page content here... -->
 
     <!-- Our mission section -->
     <div class="relative my-4">
         <div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8">
             <div class="relative sm:py-8 lg:py-0">
                 <div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen">
                     <div
                         class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72">
                     </div><svg class="absolute -ml-3 top-8 left-1/2 lg:-right-8 lg:left-auto lg:top-12" width="404"
                         height="392" fill="none" viewBox="0 0 404 392" loading="lazy">
                         <defs>
                             <pattern id="02f20b47-fd69-4224-a62a-4c9de5c763f7" x="0" y="0" width="20" height="20"
                                 patternUnits="userSpaceOnUse">
                                 <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
                                     fill="currentcolor"></rect>
                             </pattern>
                         </defs>
                         <rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)"></rect>
                     </svg>
                 </div>
                 <div class="relative w-full h-auto px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:px-0 lg:py-20">
                     <div class="overflow-hidden shadow-xl rounded-2xl">
                         {{ $p1image := resources.Get .Site.Params.P1.Image }}
                         {{ with $p1image }}
                         {{ with .Resize (printf "%dx%d webp q90" .Width .Height) }}
                         <img imgh src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}"
                             class="w-full h-auto" alt="P1" loading="lazy" />
                         {{ end }}
                         {{ end }}
                     </div>
                 </div>
             </div>
             <div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
                 <div class="md:pt-12 sm:pt-6 lg:pt-20">
                     <h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
                         {{ .Site.Params.P1.Heading }}
                     </h2>
                     <div class="mt-6 text-gray-900 dark:text-white">
                         <div class="mt-6 space-y-6 text-gray-900 dark:text-white">
                             {{ range .Site.Params.P1.Content }}
                             <p class="text-lg text-gray-900 dark:text-white">
                                 {{ .text | markdownify }}
                             </p>
                             {{ end }}
                             {{ $logo := resources.GetMatch "images/pages/TIF_logo_el.png" }}
 
                             {{ $thumb := ($logo.Resize "x400 webp q100") }}
                             {{ $large := ($logo.Resize "x576 webp q100") }}
 
                             <div class="w-full max-w-xl">
                             <a href="https://www.thessalonikifair.gr"><img srcset="
                                 {{- with $thumb.RelPermalink -}}{{.}} 400w{{- end -}}
                                 {{- with $large.RelPermalink -}}, {{.}} 576w{{- end -}}" src="{{ $logo.RelPermalink }}"
                                 alt="TIF logo" class="h-48 bg-slate-100/70 py-4 px-10 mx-auto rounded-lg" /></a>
                             </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 
     <!-- JITsection -->
     <div class="overflow-hidden sm:pt-6 lg:relative">
         <div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8">
             <div>
                 <div class="md:mt-8">
                     <div class="mt-6 sm:max-w-xl">
                         <h2
                             class="text-3xl font-extrabold tracking-tight text-gray-900 dark:text-white sm:text-4xl md:mt-16">
                             {{ .Site.Params.P2.Heading }}
                         </h2>
                         {{ range .Site.Params.P2.Content }}
                         <p class="pb-12 mt-6 text-lg text-gray-900 dark:text-white">
                             {{ .text }}
                         </p>
                         {{ end }}
                         </p>
                     </div>
                 </div>
             </div>
         </div>
         <div class="sm:mx-auto sm:max-w-3xl sm:px-6">
             <div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
                 <div class="hidden sm:block">
                     <div
                         class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full">
                     </div><svg class="absolute -mr-3 top-8 right-1/2 lg:left-0 lg:m-0" width="404" height="392"
                         fill="none" viewBox="0 0 404 392" loading="lazy">
                         <defs>
                             <pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20"
                                 patternUnits="userSpaceOnUse">
                                 <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-900/60"
                                     fill="currentcolor"></rect>
                             </pattern>
                         </defs>
                         <rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)"></rect>
                     </svg>
                 </div>
                 <div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:h-full lg:max-w-none lg:pl-12">
                     {{ $p2image := resources.Get .Site.Params.P2.Image }}
                     {{ with $p2image }}
                     {{ with .Resize (printf "%dx%d webp q90" .Width .Height) }}
                     <img imgh src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="p2"
                         class="w-full rounded-lg lg:h-96 lg:w-auto lg:max-w-none" loading="lazy" />
                     {{ end }}
                     {{ end }}
 
                 </div>
             </div>
         </div>
     </div>
 
 
     <!-- Sponsors section -->
     <div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
         <div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
             <div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
                 {{ range .Site.Params.P3.Logos }}
                 <div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
                     {{ if .image }}
                     {{ $sponsor := resources.Get .image }}
                     <img src="{{ $sponsor.RelPermalink }}" class="max-h-12 dark:invert" alt="{{ .alt }}"
                         loading="lazy" />
                     {{ else }}
                     {{ $sponsor := resources.Get "images/global/spacedot_circle.svg" }}
                     <img src="{{ $sponsor.RelPermalink }}" class="max-h-12 dark:invert" alt="{{ .alt }}"
                         loading="lazy" />
                     {{ end }}
                 </div>
                 {{ end }}
             </div>
             <div>
                 <h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
                     {{ .Site.Params.P3.Heading }}
                 </h2>
                 {{ range .Site.Params.P3.Content }}
                 <p class="max-w-3xl mt-6 text-lg leading-7 text-gray-900 dark:text-white">
                     {{ .text }}
                 </p>
                 {{ end }}
                 {{ range .Site.Params.P3.Links }}
                 <div class="my-6">
                     <a href="{{ .url }}" class="text-base font-medium text-primary-400 dark:text-primary-100">
                         {{ .text }}&nbsp&rarr;
                     </a>
                 </div>
                 {{ end }}
             </div>
         </div>
     </div>
 
+    <div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
+        <div class="absolute inset-0">
+            <div class="bg-gray-200 dark:bg-gray-900/50 h-full sm:h-full"></div>
+        </div>
+        <div class="relative px-2 mx-auto max-w-7xl">
+            <div class="text-center">
+                <h2 class="text-3xl font-black tracking-tight text-primary-500 dark:text-primary-300 sm:text-4xl">
+                    Consortium Partners
+                </h2>
+                <p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 dark:text-gray-300 sm:mt-4">
+                </p>
+            </div>
+
+            <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
+                <div class="px-4 text-gray-900 dark:text-white not-prose dark:text-zinc-200">
+                    <div class="grid gap-64 mx-auto mt-12 mb-4 mx-32 lg:max-w-none md:grid-cols-2 items-center justify-evenly">
+                        {{ $logo := resources.Get "images/global/logos/auth-white.png" }}
+                        {{ with $logo }}
+                        {{ $logoimage := (.Resize "500x webp q90").RelPermalink }}
+                        <img src="{{ $logoimage }}" alt="Aristotle University of Thessaloniki"
+                            class="object-fill overflow-hidden" width="100%" height="" loading="lazy"
+                             />
+                        {{ end }}
+
+                        {{ $logo := resources.Get "images/global/logos/Prisma_logo.png" }}
+                        {{ with $logo }}
+                        {{ $logoimage := (.Resize "500x webp q90").RelPermalink }}
+                        <img src="{{ $logoimage }}" alt="Prisma Electronics"
+                            class="object-fill overflow-hidden" width="100%" height="" loading="lazy"
+                             />
+                        {{ end }}
+                    </div>
+                </div>
+            </div>
+
+            <div class="text-center">
+                <h3 class="text-2xl font-bold tracking-tight text-primary-500 dark:text-primary-300 sm:text-3xl">
+                    Supported By
+                </h3>
+                <p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 dark:text-gray-300 sm:mt-4">
+                    Programme of the European Union – Next GenerationEU
+                </p>
+            </div>
+
+            <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
+                <div class="px-4 text-gray-900 dark:text-white not-prose dark:text-zinc-200">
+                    <div class="grid gap-12 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-4 items-center">
+                        {{ $logo := resources.Get "images/global/logos/EN_Funded_by_European_Union_vert_RGB_NEG.png" }}
+                        {{ with $logo }}
+                        {{ $logoimage := (.Resize "500x webp q90").RelPermalink }}
+                        <img src="{{ $logoimage }}" alt="Funded by the European Union - NextGenerationEU"
+                            class="object-fill overflow-hidden" width="100%" height="" loading="lazy"
+                             />
+                        {{ end }}
+
+                        {{ $logo := resources.Get "images/global/logos/Greece20.png" }}
+                        {{ with $logo }}
+                        {{ $logoimage := (.Resize "500x webp q90").RelPermalink }}
+                        <img src="{{ $logoimage }}" alt="Greece20"
+                            class="object-fill overflow-hidden" width="100%" height="" loading="lazy"
+                             />
+                        {{ end }}
+
+                        {{ $logo := resources.Get "images/global/logos/ministry.png" }}
+                        {{ with $logo }}
+                        {{ $logoimage := (.Resize "500x webp q90").RelPermalink }}
+                        <img src="{{ $logoimage }}" alt="Hellenic Republic - Ministry of Digital Governance"
+                            class="object-fill overflow-hidden" width="100%" height="" loading="lazy"
+                          />
+                        {{ end }}
+
+                        {{ $logo := resources.Get "images/global/logos/ESA_logo_2020_White.png" }}
+                        {{ with $logo }}
+                        {{ $logoimage := (.Resize "500x webp q90").RelPermalink }}
+                        <img src="{{ $logoimage }}" alt="Greece20"
+                            class="object-fill overflow-hidden" width="100%" height="" loading="lazy"
+                            alt="ESA" />
+                        {{ end }}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- Blog section -->
     <div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
         <div class="absolute inset-0">
-            <div class="bg-gray-200 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div>
+            <div class="bg-gray-200 dark:bg-gray-900/50 md:mt-64 h-1/3 sm:h-2/3"></div>
         </div>
         <div class="relative px-2 mx-auto max-w-7xl">
             <div class="text-center">
                 <h2 class="text-3xl font-black tracking-tight text-primary-500 dark:text-primary-300 sm:text-4xl">
                     {{ .Site.Params.P4.Heading }}
                 </h2>
                 {{ range .Site.Params.P4.Content }}
                 <p class="max-w-2xl mx-auto mt-3 text-xl text-gray-500 dark:text-gray-300 sm:mt-4">
                     {{ .text }}
                 </p>
                 {{ end }}
             </div>
 
             <div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
                 <div class="px-4 text-gray-900 dark:text-white not-prose dark:text-zinc-200">
                     <div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
                         {{ $posts := where .Site.RegularPages "Section" "posts" | first 3 }}
                         {{ range $posts }}
                         <div class="flex flex-col overflow-hidden rounded-lg shadow-lg bg-gray-50 dark:bg-gray-900">
                             <a href="{{.Permalink}}">
                                 {{ with .Params.featured_image }}
                                 {{ with resources.Get . }}
                                 {{ $postimage := (.Resize "500x webp q90").RelPermalink }}
                                 <img src="{{ $postimage }}" class="object-fill overflow-hidden rounded-t-lg"
                                     width="100%" height="" loading="lazy" alt="{{ .Title }}" />
 
                                 {{ end }}
                                 {{ end }}
                             </a>
                             <div class="p-6">
                                 <div class="flex-1">
                                     <a href="{{.Permalink}}"
                                         class="block mt-2 text-2xl font-black text-gray-900 dark:text-gray-200 hover:text-primary-600 dark:hover:text-primary-500 hover:underline">
                                         {{ .Title }}
                                     </a>
                                     <p class="mt-3 text-base text-gray-900 dark:text-gray-300">
                                         {{ .Params.summary }}
                                     </p>
                                 </div>
                                 <div class="flex pt-6 font-medium text-primary-600 dark:text-primary-100 text-md">
                                     <span class="pr-2 font-black">Tags:</span>
                                     {{ range $elem_index, $elem_val := (.GetTerms "tags") }}
                                     {{- if gt $elem_index 0 }}, {{ end -}}
                                     <a href="{{ .Permalink }}"
                                         class="inline-flex items-center rounded-md bg-gray-300 hover:bg-primary-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 ">{{
                                         .LinkTitle }}</a>
                                     {{- end -}}
                                 </div>
                                 <div class="flex items-center mt-6">
                                     <div class="flex-shrink-0">
                                         <span class="sr-only">{{ .Params.author }}</span>
                                         {{ with .Params.authorimage }}
                                             {{ with resources.Get . }}
                                             {{ if eq .MediaType.SubType "svg" }}
                                                 {{ $authorimage := .RelPermalink }}
                                                 <img class="w-10 h-10 rounded-full" src="{{ $authorimage }}" alt="">
                                             {{ else }}
                                                 {{ $authorimage := (.Resize "40x webp").RelPermalink }}
                                                 <img class="w-10 h-10 rounded-full" src="{{ $authorimage }}" alt="">
                                                 {{ end }}
                                             {{ end }}
                                         {{ end }}
                                     </div>
                                     <div class="pt-1 ml-3">
                                         <p class="text-sm font-medium text-gray-900 dark:text-white">
                                             {{ .Params.author }}
                                         </p>
                                         <div class="flex space-x-1 text-sm text-gray-500 dark:text-white">
                                             <time datetime="2020-02-12">{{.Date.Format "2006-01-02"}}</time>
                                             <span aria-hidden="true">&middot;</span>
                                             <span>{{ math.Round (div (countwords .Content) 220.0) }}
                                                 min read</span>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                         {{ end }}
                     </div>
                 </div>
             </div>
         </div>
     </div>
 
     {{ if not .Site.Params.Disable_stay_uptodate}}
     <!-- CTA section -->
     <div class="relative pb-16 mt-6">
         <div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl">
             <div class="relative px-6 py-10 overflow-hidden shadow-xl bg-primary-500 rounded-2xl sm:px-12 sm:py-20">
                 <div aria-hidden="true" class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0">
                     <svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice"
                         xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1463 360" loading="lazy">
                         <path class="text-primary-600 text-opacity-40" fill="currentColor"
                             d="M-82.673 72l1761.849 472.086-134.327 501.315-1761.85-472.086z" />
                         <path class="text-primary-600 text-opacity-40" fill="currentColor"
                             d="M-217.088 544.086L1544.761 72l134.327 501.316-1761.849 472.086z" />
                     </svg>
                 </div>
                 <div class="relative">
                     <div class="sm:text-center">
                         <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
                             Contact Us
                         </h2>
                         <p class="max-w-2xl mx-auto mt-6 text-lg text-primary-100">
                             Questions, or interested in a collaboration?
                             We would love to hear from you!
                         </p>
                     </div>
                     <form action="{{ .Site.Params.P5.Action }}">
                         <div class="mt-12 sm:mx-auto sm:flex sm:max-w-lg gap-3">
                             <div class="flex-1 min-w-0">
                                 <label for="cta-name" class="sr-only">Your Name</label>
                                 <input id="cta-name" type="text"
                                     class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500"
                                     placeholder="Your Name">
                             </div>
                             <div class="flex-1 min-w-0 mt-4 sm:mt-0">
                                 <label for="cta-email" class="sr-only">E-mail Address</label>
                                 <input id="cta-email" type="email"
                                     class="block w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500"
                                     placeholder="E-mail Address">
                             </div>
                         </div>
                         <div class="sm:mx-auto sm:max-w-lg mt-4">
                             <label for="cta-email" class="sr-only">Your Message</label>
                             <textarea id="cta-message" rows="4"
                                 class="w-full px-5 py-3 text-base text-gray-900 placeholder-gray-500 border border-transparent rounded-md shadow-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500"
                                 placeholder="Your Message"></textarea>
                         </div>
                         <div class="sm:mx-auto sm:max-w-lg mt-4">
                             <button type="submit"
                                 class="block w-full px-5 py-3 text-base font-medium text-white bg-gray-900 border border-transparent rounded-md shadow hover:bg-black focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-500 sm:px-10">
                                 Submit
                             </button>
                         </div>
                     </form>
                 </div>
             </div>
         </div>
     </div>
     {{ end }}
 
 </main>
 {{ end }}
\ No newline at end of file